@charset "UTF-8";
html {
  margin: 0px;
  padding: 0px;
  border: 0px;
}

body {
  margin: 0;
  padding: 0;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

ul,
li {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}

dl,
dd,
dt {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}

table,
td {
  border-collapse: collapse;
  margin: 0;
  padding: 0;
}

img {
  border: 0 none;
}

a,
a:hover {
  outline: medium none;
  text-decoration: none;
}

br {
  clear: both;
}

form,
fieldset {
  border: 0 none;
  margin: 0;
  padding: 0;
}

footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
}

*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/**
 * Swiper 7.3.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: November 24, 2021
 */
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color:#007aff;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.swiper-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.swiper-android .swiper-slide, .swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
          transform: translate3d(0px, 0, 0);
}

.swiper-pointer-events {
  -ms-touch-action: pan-y;
      touch-action: pan-y;
}

.swiper-pointer-events.swiper-vertical {
  -ms-touch-action: pan-x;
      touch-action: pan-x;
}

.swiper-slide {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}

.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
  -webkit-perspective: 1200px;
          perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
      scroll-snap-type: y mandatory;
}

.swiper-centered > .swiper-wrapper::before {
  content: "";
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-ordinal-group: 10000;
      -ms-flex-order: 9999;
          order: 9999;
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-start: var(--swiper-centered-offset-before);
          margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-before: var(--swiper-centered-offset-before);
          margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

:root {
  --swiper-navigation-size:44px;
}

.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-next:after, .swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper-button-lock {
  display: none;
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 0.3s opacity;
  transition: 0.3s opacity;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
          transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
          transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
          transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
          transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
          transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: 50%;
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
          transform: translate3d(0px, -50%, 0);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 8px;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 0.2s top, 0.2s -webkit-transform;
  transition: 0.2s top, 0.2s -webkit-transform;
  transition: 0.2s transform, 0.2s top;
  transition: 0.2s transform, 0.2s top, 0.2s -webkit-transform;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 0.2s left, 0.2s -webkit-transform;
  transition: 0.2s left, 0.2s -webkit-transform;
  transition: 0.2s transform, 0.2s left;
  transition: 0.2s transform, 0.2s left, 0.2s -webkit-transform;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 0.2s right, 0.2s -webkit-transform;
  transition: 0.2s right, 0.2s -webkit-transform;
  transition: 0.2s transform, 0.2s right;
  transition: 0.2s transform, 0.2s right, 0.2s -webkit-transform;
}

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: left top;
          transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
          transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
          transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s infinite linear;
          animation: swiper-preloader-spin 1s infinite linear;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color:#fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color:#000;
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube {
  overflow: visible;
}

.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
          transform-origin: 100% 0;
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-next + .swiper-slide, .swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  -webkit-filter: blur(50px);
          filter: blur(50px);
}

.swiper-flip {
  overflow: visible;
}

.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  -webkit-transition-property: opacity, height, -webkit-transform;
  transition-property: opacity, height, -webkit-transform;
  transition-property: transform, opacity, height;
  transition-property: transform, opacity, height, -webkit-transform;
}

.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}

* {
  margin: 0;
  padding: 0;
  list-style: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  outline: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.layout {
  z-index: 1;
}

.not-select {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

::-ms-reveal {
  display: none !important;
}

.container-fluid {
  width: 100%;
}

.hide {
  display: none !important;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-visible {
  overflow: visible !important;
}

.overflow-hidden-y {
  overflow-y: visible !important;
}

.overflow-hidden-y-inherit-force {
  overflow-y: inherit !important;
}

.overflow-hidden-y {
  overflow-y: scroll !important;
}

.overflow-scroll {
  overflow: scroll;
}

.overflow-hidden-x {
  overflow-x: hidden !important;
}

.box-shadow-0-5-5-3 {
  -webkit-box-shadow: 0px 5px 5px -3px rgba(82, 112, 148, 0.2);
          box-shadow: 0px 5px 5px -3px rgba(82, 112, 148, 0.2);
}

.box-shadow-0-8-10-1 {
  -webkit-box-shadow: 0px 8px 10px 1px rgba(82, 112, 148, 0.14), 0px 3px 14px 2px rgba(82, 112, 148, 0.12), 0px 5px 5px -3px rgba(82, 112, 148, 0.2);
          box-shadow: 0px 8px 10px 1px rgba(82, 112, 148, 0.14), 0px 3px 14px 2px rgba(82, 112, 148, 0.12), 0px 5px 5px -3px rgba(82, 112, 148, 0.2);
}

.box-shadow-primary-400 {
  -webkit-box-shadow: 0px 8px 10px 1px rgba(82, 112, 148, 0.14), 0px 3px 14px 2px rgba(82, 112, 148, 0.12), 0px 5px 5px -3px rgba(82, 112, 148, 0.2);
          box-shadow: 0px 8px 10px 1px rgba(82, 112, 148, 0.14), 0px 3px 14px 2px rgba(82, 112, 148, 0.12), 0px 5px 5px -3px rgba(82, 112, 148, 0.2);
}

.box-shadow-0-3-4-4 {
  -webkit-box-shadow: -3px 4px 4px rgba(0, 0, 0, 0.25);
          box-shadow: -3px 4px 4px rgba(0, 0, 0, 0.25);
}

.font-flexo {
  font-family: "flexo";
}

.font-demi {
  font-family: "flexodemi";
}

.font-demi-force {
  font-family: "flexodemi" !important;
}

.font-bold {
  font-family: "flexobold";
}

.font-bold-force {
  font-family: "flexobold" !important;
}

.color-silver-new {
  color: #9a9a9a;
}

.color-success {
  color: #6AC90F;
}

.color-white {
  color: #fff;
}

.color-white-force {
  color: #fff !important;
}

.color-state {
  color: #3F78BF;
}

.color-white-0-7 {
  color: rgba(255, 255, 255, 0.705);
}

.color-black {
  color: #000;
}

.color-black-force {
  color: #000 !important;
}

.color-yellow {
  color: #ffcb1f;
}

.color-yellow-300 {
  color: #fbc12f;
}

.color-error {
  color: #E30425;
}

.color-primary-400 {
  color: #0A47F0;
}

.color-primary-500 {
  color: #0030B3;
}

.color-primary-600 {
  color: #002DA0;
}

.color-primary-700 {
  color: #002A8D;
}

.color-primary-800 {
  color: #002473;
}

.color-primary-900 {
  color: #001F5A;
}

.color-onsurface-300 {
  color: #BFC4CC;
}

.color-onsurface-400 {
  color: #ACB2BD;
}

.color-onsurface-500 {
  color: #99A1AD;
}

.color-onsurface-600 {
  color: #868F9E;
}

.color-onsurface-700 {
  color: #737E8E;
}

.color-onsurface-800 {
  color: #606C7F;
}

.color-onsurface-900 {
  color: #4D5B70;
}

.color-onsurface-900-force {
  color: #4D5B70 !important;
}

.color-secondary-450 {
  color: #F27200;
}

.color-secondary-500 {
  color: #FF7800;
}

.color-secondary-600 {
  color: #E45E00;
}

.color-complementary-400 {
  color: #0AA693;
}

.bg-gray-opacity-70 {
  pointer-events: none;
  opacity: 0;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  background: rgba(0, 0, 0, 0.7);
}

.bg-gray-opacity-70-new {
  background: rgba(0, 0, 0, 0.7);
}

.bg-image-dark {
  background: url(../image/png/bg_dark.png);
}

.bg-rectangule {
  background: url(../image/svg/Rectangle.svg);
  background-size: 100%;
  background-repeat: no-repeat;
}

.bg-pacifico {
  background: #0094CF;
}

.bg-transparent {
  background: transparent;
}

.bg-white {
  background: #fff;
}

.bg-wsp {
  background: #00bb2d;
}

.bg-red {
  background: #EF0950;
}

.bg-color-primary-003 {
  background: #D0E5FF;
}

.bg-color-primary-004 {
  background: #EBF4FF;
}

.bg-color-primary-005 {
  background: #D1E6FF;
}

.bg-primary-900 {
  background: #001F5A;
}

.bg-primary-800 {
  background: #002473;
}

.bg-primary-700 {
  background: #002A8D;
}

.bg-primary-700-force {
  background: #002A8D !important;
}

.bg-primary-650 {
  background: #00319b;
}

.bg-primary-600 {
  background: #002DA0;
}

.bg-primary-400 {
  background: #0A47F0;
}

.bg-primary-300 {
  background: #3D77FF;
}

.bg-primary-350 {
  background: #0075B0;
}

.bg-primary-225 {
  background: #419DFF;
}

.bg-onsurface-150 {
  background: #efefef;
}

.bg-onsurface-300 {
  background: #BFC4CC;
}

.bg-onsurface-004 {
  background: #EFF2F9;
}

.bg-onsurface-040 {
  background: #F2F4F8;
}

.bg-secondary-100-force {
  background: #FFBB80 !important;
}

.bg-secondary-500 {
  background: #FF7800;
}

.bg-secondary-500-force {
  background: #FF7800 !important;
}

.bg-complementary-700 {
  background: #005E53;
}

.bg-complementary-400 {
  background: #0AA693;
}

.bg-black-900 {
  background: #000;
}

.bg-yellow {
  background: #ffcb1f;
}

.bg-yellow-200 {
  background: #FFF8D9;
}

.bg-yellow-300 {
  background: #fbc12f;
}

.bg-silver-new {
  background-color: #d8d8d8;
}

.align-center {
  text-align: center;
}

.align-left {
  text-align: left;
}

.align-right {
  text-align: right;
}

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

.min-w-100 {
  min-width: 100%;
}

.full-w-100 {
  width: 100%;
}

.w-100-vh {
  width: 100vh;
}

.min-w-90 {
  min-width: 90px;
}

.max-w-400 {
  max-width: 400px;
}

.max-w-600 {
  max-width: 600px;
}

.max-w-820 {
  max-width: 820px;
}

.max-w-1224 {
  max-width: 1224px;
}

.max-w-1272 {
  max-width: 1272px;
}

.w-33-porcent {
  width: 33%;
}

.w-30-porcent {
  width: 30%;
}

.w-31-porcent {
  width: 31%;
}

.w-90-porcent {
  width: 90%;
}

.w-1 {
  width: 1px;
}

.w-8 {
  width: 8px;
}

.w-10 {
  width: 10px;
}

.w-12 {
  width: 12px;
}

.w-14 {
  width: 14px;
}

.w-16 {
  width: 16px;
}

.w-17 {
  width: 17px;
}

.w-18 {
  width: 18px;
}

.w-19 {
  width: 19px;
}

.w-20 {
  width: 20px;
}

.w-24 {
  width: 24px;
}

.w-25 {
  width: 25px;
}

.w-26 {
  width: 26px;
}

.w-27 {
  width: 27px;
}

.w-28 {
  width: 28px;
}

.w-30 {
  width: 30px;
}

.w-32 {
  width: 32px;
}

.w-34 {
  width: 34px;
}

.w-36 {
  width: 36px;
}

.w-38 {
  width: 38px;
}

.w-40 {
  width: 40px;
}

.w-44 {
  width: 44px;
}

.w-48 {
  width: 48px;
}

.w-49 {
  width: 49px;
}

.w-50 {
  width: 50px;
}

.w-50-porcent {
  width: 50%;
}

.w-52 {
  width: 52px;
}

.w-55 {
  width: 55px;
}

.w-56 {
  width: 56px;
}

.w-57 {
  width: 57px;
}

.w-60 {
  width: 60px;
}

.w-61 {
  width: 61px;
}

.w-64 {
  width: 64px;
}

.w-66 {
  width: 66px;
}

.w-68 {
  width: 68px;
}

.w-70 {
  width: 70px;
}

.w-71 {
  width: 71px;
}

.w-74 {
  width: 74px;
}

.w-75 {
  width: 75px;
}

.w-76 {
  width: 76px;
}

.w-78 {
  width: 78px;
}

.w-79 {
  width: 79px;
}

.w-80 {
  width: 80px;
}

.w-81 {
  width: 81px;
}

.w-82 {
  width: 82px;
}

.w-86 {
  width: 86px;
}

.w-88 {
  width: 88px;
}

.w-92 {
  width: 92px;
}

.w-96 {
  width: 96px;
}

.w-97 {
  width: 97px;
}

.w-98 {
  width: 98px;
}

.w-100 {
  width: 100px;
}

.w-101 {
  width: 101px;
}

.w-104 {
  width: 104px;
}

.w-106 {
  width: 106px;
}

.w-110 {
  width: 110px;
}

.w-118 {
  width: 118px;
}

.w-120 {
  width: 120px;
}

.w-124 {
  width: 124px;
}

.w-130 {
  width: 130px;
}

.w-132 {
  width: 132px;
}

.w-134 {
  width: 134px;
}

.w-144 {
  width: 144px;
}

.w-144-force {
  width: 144px !important;
}

.w-148 {
  width: 148px;
}

.w-149 {
  width: 149px;
}

.w-149-force {
  width: 149px !important;
}

.w-150 {
  width: 150px;
}

.w-152 {
  width: 152px;
}

.w-153 {
  width: 153px;
}

.w-156 {
  width: 156px;
}

.w-160 {
  width: 160px;
}

.w-163 {
  width: 163px;
}

.w-164-force {
  width: 164px !important;
}

.w-167-force {
  width: 167px !important;
}

.w-168 {
  width: 168px;
}

.w-170 {
  width: 170px;
}

.w-173 {
  width: 173px;
}

.w-180 {
  width: 180px;
}

.w-183 {
  width: 183px;
}

.w-185 {
  width: 185px;
}

.w-188-force {
  width: 188px !important;
}

.w-190 {
  width: 190px;
}

.w-193 {
  width: 193px;
}

.w-199 {
  width: 199px;
}

.w-204-force {
  width: 204px !important;
}

.w-205 {
  width: 205px;
}

.w-206 {
  width: 206px;
}

.w-207 {
  width: 207px;
}

.w-208 {
  width: 208px;
}

.w-209 {
  width: 209px;
}

.w-220 {
  width: 220px;
}

.w-224-force {
  width: 224px !important;
}

.w-226 {
  width: 226px;
}

.w-230 {
  width: 230px;
}

.w-230-force {
  width: 230px !important;
}

.w-234 {
  width: 234px;
}

.w-235 {
  width: 235px;
}

.w-240 {
  width: 240px;
}

.w-240-force {
  width: 240px !important;
}

.w-242 {
  width: 242px;
}

.w-244 {
  width: 244px;
}

.w-245 {
  width: 245px;
}

.w-246 {
  width: 246px;
}

.w-246-force {
  width: 246px !important;
}

.w-248 {
  width: 248px;
}

.w-250 {
  width: 250px;
}

.w-254 {
  width: 254px;
}

.w-258 {
  width: 258px;
}

.w-260-force {
  width: 260px !important;
}

.w-260 {
  width: 260px;
}

.w-261 {
  width: 261px;
}

.w-263 {
  width: 263px;
}

.w-264 {
  width: 264px;
}

.w-266 {
  width: 266px;
}

.w-268 {
  width: 268px;
}

.w-270 {
  width: 270px;
}

.w-272 {
  width: 272px;
}

.w-273 {
  width: 273px;
}

.w-274 {
  width: 274px;
}

.w-275 {
  width: 275px;
}

.w-280 {
  width: 280px;
}

.w-280-force {
  width: 280px !important;
}

.w-282 {
  width: 282px;
}

.w-285 {
  width: 285px;
}

.w-290 {
  width: 290px;
}

.w-292 {
  width: 292px;
}

.w-293 {
  width: 293px;
}

.w-296 {
  width: 296px;
}

.w-300 {
  width: 300px;
}

.w-304 {
  width: 304px;
}

.w-304-force {
  width: 304px !important;
}

.w-307-force {
  width: 307px !important;
}

.w-308 {
  width: 308px;
}

.w-308-force {
  width: 308px !important;
}

.w-310 {
  width: 310px;
}

.w-312-force {
  width: 312px !important;
}

.w-315 {
  width: 315px;
}

.w-318 {
  width: 318px;
}

.w-320 {
  width: 320px;
}

.w-324 {
  width: 324px;
}

.w-325 {
  width: 325px;
}

.w-326 {
  width: 326px;
}

.w-328 {
  width: 328px;
}

.w-332 {
  width: 332px;
}

.w-335 {
  width: 335px;
}

.w-336 {
  width: 336px !important;
}

.w-340-force {
  width: 340px !important;
}

.w-343 {
  width: 343px;
}

.w-350 {
  width: 350px;
}

.w-352 {
  width: 352px;
}

.w-352-force {
  width: 352px !important;
}

.w-360 {
  width: 360px;
}

.w-366 {
  width: 366px;
}

.w-367 {
  width: 367px;
}

.w-368 {
  width: 368px;
}

.w-372 {
  width: 372px;
}

.w-380 {
  width: 380px;
}

.w-386 {
  width: 386px;
}

.w-390 {
  width: 390px;
}

.w-392 {
  width: 392px;
}

.w-393 {
  width: 393px;
}

.w-399-force {
  width: 399px !important;
}

.w-400 {
  width: 400px;
}

.w-403 {
  width: 403px;
}

.w-410 {
  width: 410px;
}

.w-410-force {
  width: 410px !important;
}

.w-414 {
  width: 414px;
}

.w-415 {
  width: 415px;
}

.w-418 {
  width: 418px;
}

.w-420 {
  width: 420px;
}

.w-427 {
  width: 427px;
}

.w-430 {
  width: 430px;
}

.w-433 {
  width: 433px;
}

.w-435 {
  width: 435px;
}

.w-436 {
  width: 436px;
}

.w-440 {
  width: 440px;
}

.w-442 {
  width: 442px;
}

.w-443 {
  width: 443px;
}

.w-445 {
  width: 445px;
}

.w-450 {
  width: 450px;
}

.w-450-force {
  width: 450px !important;
}

.w-454 {
  width: 454px;
}

.w-476 {
  width: 476px;
}

.w-480 {
  width: 480px;
}

.w-500 {
  width: 500px;
}

.w-510 {
  width: 510px;
}

.w-514 {
  width: 514px;
}

.w-516 {
  width: 516px;
}

.w-520 {
  width: 520px;
}

.w-522 {
  width: 522px;
}

.w-532 {
  width: 532px;
}

.w-540 {
  width: 540px;
}

.w-544 {
  width: 544px;
}

.w-549 {
  width: 549px;
}

.w-550 {
  width: 550px;
}

.w-552 {
  width: 552px;
}

.w-554 {
  width: 554px;
}

.w-569 {
  width: 569px;
}

.w-574 {
  width: 574px;
}

.w-582 {
  width: 582px;
}

.w-595 {
  width: 595px;
}

.w-600 {
  width: 600px;
}

.w-610 {
  width: 610px;
}

.w-619 {
  width: 619px;
}

.w-624 {
  width: 624px;
}

.w-632 {
  width: 632px;
}

.w-633 {
  width: 633px;
}

.w-650 {
  width: 650px;
}

.w-653 {
  width: 653px;
}

.w-656 {
  width: 656px;
}

.w-657 {
  width: 657px;
}

.w-664 {
  width: 664px;
}

.w-668 {
  width: 668px;
}

.w-670 {
  width: 670px;
}

.w-673 {
  width: 673px;
}

.w-680 {
  width: 680px;
}

.w-696 {
  width: 696px;
}

.w-709 {
  width: 709px;
}

.w-720 {
  width: 720px;
}

.w-728 {
  width: 728px;
}

.w-743 {
  width: 743px;
}

.w-743 {
  width: 743px;
}

.w-756 {
  width: 756px;
}

.w-762 {
  width: 762px;
}

.w-765 {
  width: 765px;
}

.w-780 {
  width: 780px;
}

.w-796 {
  width: 796px;
}

.w-800 {
  width: 800px;
}

.w-828 {
  width: 828px;
}

.w-840 {
  width: 840px;
}

.w-844 {
  width: 844px;
}

.w-848 {
  width: 848px;
}

.w-916 {
  width: 916px;
}

.w-932 {
  width: 932px;
}

.w-950 {
  width: 950px;
}

.w-50-procent {
  width: 50%;
}

.w-957 {
  width: 957px;
}

.w-960 {
  width: 960px;
}

.w-983 {
  width: 983px;
}

.w-984 {
  width: 984px;
}

.w-985 {
  width: 985px;
}

.w-990 {
  width: 990px;
}

.w-992 {
  width: 992px;
}

.w-1000 {
  width: 1000px;
}

.w-1024 {
  width: 1024px;
}

.w-1100 {
  width: 1100px;
}

.min-h-100 {
  min-height: 100%;
}

.min-h-135 {
  min-height: 135px;
}

.min-h-277 {
  min-height: 277px;
}

.full-h-100 {
  height: 100%;
}

.h-100-vh {
  height: 100vh;
}

.h-cal-100-147 {
  height: calc(100% - 247px);
}

.h-auto-force {
  height: auto !important;
}

.h-auto {
  height: auto;
}

.h-0 {
  height: 0px !important;
}

.h-1 {
  height: 1px;
}

.h-4 {
  height: 4px;
}

.h-8 {
  height: 8px;
}

.h-12 {
  height: 12px;
}

.h-22 {
  height: 22px;
}

.h-24 {
  height: 24px;
}

.h-28 {
  height: 28px;
}

.h-32 {
  height: 32px;
}

.h-34 {
  height: 34px;
}

.h-39 {
  height: 39px;
}

.h-40 {
  height: 40px;
}

.h-44 {
  height: 44px;
}

.h-45 {
  height: 45px;
}

.h-46 {
  height: 46px;
}

.h-48 {
  height: 48px;
}

.h-50 {
  height: 50px;
}

.h-52 {
  height: 52px;
}

.h-56 {
  height: 56px;
}

.h-57 {
  height: 57px;
}

.h-58 {
  height: 58px;
}

.h-60 {
  height: 60px;
}

.h-61 {
  height: 61px;
}

.h-64 {
  height: 64px;
}

.h-64 {
  height: 64px;
}

.h-66 {
  height: 66px;
}

.h-70 {
  height: 70px;
}

.h-71 {
  height: 71px;
}

.h-76 {
  height: 76px;
}

.h-78 {
  height: 78px;
}

.h-80 {
  height: 80px;
}

.h-82 {
  height: 82px;
}

.h-88 {
  height: 88px;
}

.h-90 {
  height: 90px;
}

.h-94 {
  height: 94px;
}

.h-96 {
  height: 96px;
}

.h-100 {
  height: 100px;
}

.h-110 {
  height: 110px;
}

.h-112 {
  height: 112px;
}

.h-116 {
  height: 116px;
}

.h-120 {
  height: 120px;
}

.h-122 {
  height: 122px;
}

.h-128 {
  height: 128px;
}

.h-129 {
  height: 129px;
}

.h-130 {
  height: 130px;
}

.h-136 {
  height: 136px;
}

.h-140 {
  height: 140px;
}

.h-146 {
  height: 146px;
}

.h-144 {
  height: 144px;
}

.h-151 {
  height: 151px;
}

.h-160 {
  height: 160px;
}

.h-163 {
  height: 163px;
}

.h-165 {
  height: 165px;
}

.h-168 {
  height: 168px;
}

.h-172 {
  height: 172px;
}

.h-180 {
  height: 180px;
}

.h-183 {
  height: 183px;
}

.h-184 {
  height: 184px;
}

.h-190 {
  height: 190px;
}

.h-198 {
  height: 198px;
}

.h-200 {
  height: 200px;
}

.h-210 {
  height: 210px;
}

.h-214 {
  height: 214px;
}

.h-232 {
  height: 232px;
}

.h-233 {
  height: 233px;
}

.h-240 {
  height: 240px;
}

.h-242 {
  height: 242px;
}

.h-245 {
  height: 245px;
}

.h-250 {
  height: 250px;
}

.h-277 {
  height: 277px;
}

.h-278 {
  height: 278px;
}

.h-282 {
  height: 282px;
}

.h-284 {
  height: 284px;
}

.h-290 {
  height: 290px;
}

.h-298 {
  height: 298px;
}

.h-301 {
  height: 301px;
}

.h-308 {
  height: 308px;
}

.h-328 {
  height: 328px;
}

.h-342 {
  height: 342px;
}

.h-360 {
  height: 360px;
}

.h-364 {
  height: 364px;
}

.h-384 {
  height: 384px;
}

.h-390 {
  height: 390px;
}

.h-396 {
  height: 396px;
}

.h-400 {
  height: 400px;
}

.h-417 {
  height: 417px;
}

.h-424 {
  height: 424px;
}

.h-426 {
  height: 426px;
}

.h-428 {
  height: 428px;
}

.h-427 {
  height: 427px;
}

.h-443 {
  height: 443px;
}

.h-451 {
  height: 451px;
}

.h-460 {
  height: 460px;
}

.h-460-force {
  height: 460px !important;
}

.h-485 {
  height: 485px;
}

.h-488 {
  height: 488px;
}

.h-488-force {
  height: 488px !important;
}

.h-495 {
  height: 495px;
}

.h-495-force {
  height: 495px !important;
}

.h-502 {
  height: 502px;
}

.h-510 {
  height: 510px;
}

.h-510-force {
  height: 510px !important;
}

.h-511 {
  height: 511px;
}

.h-520 {
  height: 520px;
}

.h-530-force {
  height: 530px !important;
}

.h-540 {
  height: 540px;
}

.h-542 {
  height: 542px;
}

.h-544 {
  height: 544px;
}

.h-559 {
  height: 559px;
}

.h-566 {
  height: 566px;
}

.h-575 {
  height: 575px;
}

.h-592 {
  height: 592px;
}

.h-595 {
  height: 595px;
}

.h-596 {
  height: 596px;
}

.h-597 {
  height: 597px;
}

.h-600 {
  height: 600px;
}

.h-615 {
  height: 615px;
}

.h-617 {
  height: 617px;
}

.h-620 {
  height: 620px;
}

.h-624 {
  height: 624px;
}

.h-625 {
  height: 625px;
}

.h-695 {
  height: 695px;
}

.h-707 {
  height: 707px;
}

.h-757 {
  height: 757px;
}

.h-768 {
  height: 768px;
}

.absolute {
  position: absolute;
}

.position-fixed {
  position: fixed;
}

.relative {
  position: relative;
}

.top-0 {
  top: 0px;
}

.top--1 {
  top: -1px;
}

.top--2 {
  top: -2px;
}

.top--3 {
  top: -3px;
}

.top--4 {
  top: -4px;
}

.top--6 {
  top: -6px;
}

.top--8 {
  top: -8px;
}

.top--15 {
  top: -15px;
}

.top--56 {
  top: -56px;
}

.top--1000 {
  top: -1000px;
}

.top-50-p {
  top: 50%;
}

.top-3 {
  top: 3px;
}

.top-4 {
  top: 4px;
}

.top-5 {
  top: 5px;
}

.top-6 {
  top: 6px;
}

.top-7 {
  top: 7px;
}

.top-8 {
  top: 8px;
}

.top-9 {
  top: 9px;
}

.top-10 {
  top: 10px;
}

.top-16 {
  top: 16px;
}

.top-18 {
  top: 18px;
}

.top-20 {
  top: 20px;
}

.top-22 {
  top: 22px;
}

.top-24 {
  top: 24px;
}

.top-25 {
  top: 25px;
}

.top-28 {
  top: 28px;
}

.top-32 {
  top: 32px;
}

.top-33 {
  top: 33px;
}

.top-34 {
  top: 34px;
}

.top-35 {
  top: 35px;
}

.top-35-porcent {
  top: 35%;
}

.top-36 {
  top: 36px;
}

.top-39 {
  top: 39px;
}

.top-40 {
  top: 40px;
}

.top-40-porcent {
  top: 40%;
}

.top-43 {
  top: 43px;
}

.top-44 {
  top: 44px;
}

.top-46 {
  top: 46px;
}

.top-60 {
  top: 60px;
}

.top-64 {
  top: 64px;
}

.top-80 {
  top: 80px;
}

.top-86 {
  top: 86px;
}

.top-91 {
  top: 91px;
}

.top-96 {
  top: 96px;
}

.top-108 {
  top: 108px;
}

.top-116 {
  top: 116px;
}

.top-126 {
  top: 126px;
}

.top-148 {
  top: 148px;
}

.top-154 {
  top: 154px;
}

.top-164 {
  top: 164px;
}

.top-176 {
  top: 176px;
}

.top-177 {
  top: 177px;
}

.top-190 {
  top: 190px;
}

.top-192 {
  top: 192px;
}

.top-226 {
  top: 226px;
}

.top-228 {
  top: 228px;
}

.top-264 {
  top: 264px;
}

.top-1000 {
  top: 1000px;
}

.bottom-0 {
  bottom: 0px;
}

.bottom-3 {
  bottom: 3px;
}

.bottom-4 {
  bottom: 4px;
}

.bottom-5 {
  bottom: 5px;
}

.bottom-15 {
  bottom: 15px;
}

.bottom-16 {
  bottom: 16px;
}

.bottom-20 {
  bottom: 20px;
}

.bottom-30 {
  bottom: 30px;
}

.bottom-32 {
  bottom: 32px;
}

.bottom-33 {
  bottom: 33px;
}

.bottom-40 {
  bottom: 40px;
}

.bottom-44 {
  bottom: 44px;
}

.bottom-50 {
  bottom: 50px;
}

.bottom-52 {
  bottom: 52px;
}

.bottom-56 {
  bottom: 56px;
}

.bottom-62 {
  bottom: 62px;
}

.bottom-64 {
  bottom: 64px;
}

.bottom-80 {
  bottom: 80px;
}

.bottom-100 {
  bottom: 100px;
}

.bottom-162 {
  bottom: 162px;
}

.bottom--1 {
  bottom: -1px;
}

.bottom--4 {
  bottom: -4px;
}

.bottom--8 {
  bottom: -8px;
}

.bottom--9 {
  bottom: -9px;
}

.bottom--12 {
  bottom: -12px;
}

.bottom--14 {
  bottom: -14px;
}

.bottom--16 {
  bottom: -16px;
}

.bottom--24 {
  bottom: -24px;
}

.bottom--26 {
  bottom: -26px;
}

.bottom--30 {
  bottom: -30px;
}

.bottom--32 {
  bottom: -32px;
}

.bottom--45 {
  bottom: -45px;
}

.bottom--56 {
  bottom: -56px;
}

.bottom--57 {
  bottom: -57px;
}

.bottom--204 {
  bottom: -204px;
}

.bottom-219 {
  bottom: 219px;
}

.bottom-262 {
  bottom: 262px;
}

.bottom-297 {
  bottom: 297px;
}

.bottom-312 {
  bottom: 312px;
}

.left-18-porcent {
  left: 18%;
}

.left-90-porcent {
  left: 90%;
}

.left-0 {
  left: 0px;
}

.left-1 {
  left: 1px;
}

.left-4 {
  left: 4px;
}

.left-8 {
  left: 8px;
}

.left-24 {
  left: 24px;
}

.left-30 {
  left: 30px;
}

.left-32 {
  left: 32px;
}

.left-44 {
  left: 44px;
}

.left-54 {
  left: 54px;
}

.left-71 {
  left: 71px;
}

.left-74 {
  left: 74px;
}

.left-78 {
  left: 78px;
}

.left-82 {
  left: 82px;
}

.left-88 {
  left: 88px;
}

.left-89 {
  left: 89px;
}

.left-114 {
  left: 114px;
}

.left-188 {
  left: 188px;
}

.left-190 {
  left: 190px;
}

.left-204 {
  left: 204px;
}

.left-225 {
  left: 225px;
}

.left-250 {
  left: 250px;
}

.left--1 {
  left: -1px;
}

.left--2 {
  left: -2px;
}

.left--10 {
  left: -10px;
}

.left--15 {
  left: -15px;
}

.left--24 {
  left: -24px;
}

.left--44 {
  left: -44px;
}

.left--48 {
  left: -48px;
}

.left--65 {
  left: -65px;
}

.left--67 {
  left: -67px;
}

.left--88 {
  left: -88px;
}

.right--90-porcent {
  right: -90%;
}

.right--3 {
  right: -3px;
}

.right--3 {
  right: -3px;
}

.right--5 {
  right: -5px;
}

.right--15 {
  right: -15px;
}

.right--24 {
  right: -24px;
}

.right--27 {
  right: -27px;
}

.right--48 {
  right: -48px;
}

.right--51 {
  right: -51px;
}

.right--56 {
  right: -56px;
}

.right--62 {
  right: -62px;
}

.right--64 {
  right: -64px;
}

.right--700 {
  right: -700px;
}

.right--900 {
  right: -900px;
}

.right-0 {
  right: 0px;
}

.right-0-force {
  right: 0px !important;
}

.right-5 {
  right: 5px;
}

.right-10 {
  right: 10px;
}

.right-15 {
  right: 15px;
}

.right-16 {
  right: 16px;
}

.right-20 {
  right: 20px;
}

.right-24 {
  right: 24px;
}

.right-25 {
  right: 25px;
}

.right-30 {
  right: 30px;
}

.right-32 {
  right: 32px;
}

.right-40 {
  right: 40px;
}

.right-44 {
  right: 44px;
}

.right-72 {
  right: 72px;
}

.right-89 {
  right: 89px;
}

.right-104 {
  right: 104px;
}

.right-108 {
  right: 108px;
}

.right-409 {
  right: 409px;
}

.right--409 {
  right: -100%;
}

.padding-8 {
  padding: 8px;
}

.padding-10 {
  padding: 10px;
}

.padding-40-0 {
  padding: 40px 0px;
}

.padding-40-20 {
  padding: 40px 20px;
}

.padding-56-0 {
  padding: 56px 0px;
}

.padding-56 {
  padding: 56px;
}

.padding-11-14 {
  padding: 11px 14px;
}

.padding-15-24 {
  padding: 15px 24px;
}

.padding-18-20 {
  padding: 18px 20px;
}

.padding-16-0 {
  padding: 16px 0;
}

.padding-16-12 {
  padding: 16px 12px;
}

.padding-16-35 {
  padding: 16px 35px;
}

.padding-80-51 {
  padding: 80px 51px;
}

.padding-80-0 {
  padding: 80px 0px;
}

.padding-16-35-0 {
  padding: 16px 35px 0px;
}

.padding-17-0 {
  padding: 17px 0;
}

.padding-16-24 {
  padding: 16px 24px;
}

.padding-13-24 {
  padding: 13px 24px;
}

.padding-14-24 {
  padding: 14px 24px;
}

.padding-14-16 {
  padding: 14px 16px;
}

.padding-8-12 {
  padding: 8px 12px;
}

.padding-8-25-0 {
  padding: 8px 25px 0;
}

.padding-24-32 {
  padding: 24px 32px;
}

.padding-24-25-32 {
  padding: 24px 25px 32px;
}

.padding-24-42-24-24 {
  padding: 24px 42px 24px 24px;
}

.padding-30-25 {
  padding: 30px 25px;
}

.padding-30-39 {
  padding: 30px 39px;
}

.padding-37-32 {
  padding: 37px 32px;
}

.padding-28-32 {
  padding: 28px 32px;
}

.padding-30-25-8 {
  padding: 30px 25px 8px;
}

.padding-30-0-8-25 {
  padding: 30px 0px 8px 25px;
}

.padding-10-16-16 {
  padding: 10px 16px 16px;
}

.padding-12-15 {
  padding: 12px 15px;
}

.padding-12-16 {
  padding: 12px 16px;
}

.padding-12-24 {
  padding: 12px 24px;
}

.padding-14-0 {
  padding: 14px 0;
}

.padding-8-24 {
  padding: 8px 24px;
}

.padding-17-24-20 {
  padding: 17px 24px 20px;
}

.padding-20-24 {
  padding: 20px 24px;
}

.padding-20-24-0 {
  padding: 20px 24px 0;
}

.padding-20-0 {
  padding: 20px 0px;
}

.padding-21-0 {
  padding: 21px 0px;
}

.padding-21-26 {
  padding: 21px 26px;
}

.padding-21-26-10 {
  padding: 21px 26px 10px;
}

.padding-0-5-15 {
  padding: 0 5px 15px;
}

.padding-0-20 {
  padding: 0 20px;
}

.padding-0-24 {
  padding: 0 24px;
}

.padding-0-40 {
  padding: 0 40px;
}

.padding-0-5-23 {
  padding: 0 5px 23px;
}

.padding-3-25 {
  padding: 3px 25px;
}

.padding-24-20 {
  padding: 24px 20px;
}

.padding-20 {
  padding: 20px;
}

.padding-24 {
  padding: 24px;
}

.padding-32 {
  padding: 32px;
}

.padding-32-24 {
  padding: 32px 24px;
}

.padding-32-29 {
  padding: 32px 29px;
}

.padding-0-16 {
  padding: 0 16px;
}

.padding-4-16 {
  padding: 4px 16px;
}

.padding-17-14-17-16 {
  padding: 17px 14px 17px 16px;
}

.padding-17-14-17-18 {
  padding: 17px 14px 17px 18px;
}

.padding-17-24 {
  padding: 17px 24px;
}

.padding-17-32 {
  padding: 17px 32px;
}

.padding-19-32 {
  padding: 19px 32px;
}

.padding-19-24 {
  padding: 19px 24px;
}

.padding-20-58 {
  padding: 20px 58px 0;
}

.padding-34-71 {
  padding: 34px 71px;
}

.padding-44 {
  padding: 44px;
}

.padding-48 {
  padding: 48px;
}

.padding-44-100 {
  padding: 44px 100px 0;
}

.padding-44-114 {
  padding: 44px 114px 0;
}

.padding-44-32 {
  padding: 44px 32px 0;
}

.padding-44-58 {
  padding: 44px 58px 0;
}

.padding-72 {
  padding: 72px;
}

.padding-60-80 {
  padding: 60px 80px;
}

.padding-top-calc {
  padding-top: calc(50% - 302px);
}

.padding-top-2 {
  padding-top: 2px;
}

.padding-top-4 {
  padding-top: 4px;
}

.padding-top-5 {
  padding-top: 5px;
}

.padding-top-6 {
  padding-top: 6px;
}

.padding-top-8 {
  padding-top: 8px;
}

.padding-top-11 {
  padding-top: 11px;
}

.padding-top-12 {
  padding-top: 12px;
}

.padding-top-13 {
  padding-top: 13px;
}

.padding-top-14 {
  padding-top: 14px;
}

.padding-top-15 {
  padding-top: 15px;
}

.padding-top-16 {
  padding-top: 16px;
}

.padding-top-18 {
  padding-top: 18px;
}

.padding-top-19 {
  padding-top: 19px;
}

.padding-top-20 {
  padding-top: 20px;
}

.padding-top-24 {
  padding-top: 24px;
}

.padding-top-26 {
  padding-top: 26px;
}

.padding-top-28 {
  padding-top: 28px;
}

.padding-top-29 {
  padding-top: 29px;
}

.padding-top-30 {
  padding-top: 30px;
}

.padding-top-32 {
  padding-top: 32px;
}

.padding-top-33 {
  padding-top: 33px;
}

.padding-top-34 {
  padding-top: 34px;
}

.padding-top-36 {
  padding-top: 36px;
}

.padding-top-38 {
  padding-top: 38px;
}

.padding-top-40 {
  padding-top: 40px;
}

.padding-top-41 {
  padding-top: 41px;
}

.padding-top-43 {
  padding-top: 43px;
}

.padding-top-44 {
  padding-top: 44px;
}

.padding-top-45 {
  padding-top: 45px;
}

.padding-top-46 {
  padding-top: 46px;
}

.padding-top-48 {
  padding-top: 48px;
}

.padding-top-50 {
  padding-top: 50px;
}

.padding-top-52 {
  padding-top: 52px;
}

.padding-top-53 {
  padding-top: 53px;
}

.padding-top-56 {
  padding-top: 56px;
}

.padding-top-54 {
  padding-top: 54px;
}

.padding-top-55 {
  padding-top: 55px;
}

.padding-top-58 {
  padding-top: 58px;
}

.padding-top-60 {
  padding-top: 60px;
}

.padding-top-64 {
  padding-top: 64px;
}

.padding-top-66 {
  padding-top: 66px;
}

.padding-top-68 {
  padding-top: 68px;
}

.padding-top-69 {
  padding-top: 69px;
}

.padding-top-70 {
  padding-top: 70px;
}

.padding-top-75 {
  padding-top: 75px;
}

.padding-top-79 {
  padding-top: 79px;
}

.padding-top-80 {
  padding-top: 80px;
}

.padding-top-84 {
  padding-top: 84px;
}

.padding-top-88 {
  padding-top: 88px;
}

.padding-top-92 {
  padding-top: 92px;
}

.padding-top-94 {
  padding-top: 94px;
}

.padding-top-96 {
  padding-top: 96px;
}

.padding-top-97 {
  padding-top: 97px;
}

.padding-top-98 {
  padding-top: 98px;
}

.padding-top-100 {
  padding-top: 100px;
}

.padding-top-104 {
  padding-top: 104px;
}

.padding-top-106 {
  padding-top: 106px;
}

.padding-top-108 {
  padding-top: 108px;
}

.padding-top-112 {
  padding-top: 112px;
}

.padding-top-113 {
  padding-top: 113px;
}

.padding-top-116 {
  padding-top: 116px;
}

.padding-top-119 {
  padding-top: 119px;
}

.padding-top-124 {
  padding-top: 124px;
}

.padding-top-126 {
  padding-top: 126px;
}

.padding-top-128 {
  padding-top: 128px;
}

.padding-top-128-force {
  padding-top: 128px !important;
}

.padding-top-129 {
  padding-top: 129px;
}

.padding-top-130 {
  padding-top: 130px;
}

.padding-top-132 {
  padding-top: 132px;
}

.padding-top-138 {
  padding-top: 138px;
}

.padding-top-140 {
  padding-top: 140px;
}

.padding-top-142 {
  padding-top: 142px;
}

.padding-top-143 {
  padding-top: 143px;
}

.padding-top-146 {
  padding-top: 146px;
}

.padding-top-148 {
  padding-top: 148px;
}

.padding-top-150 {
  padding-top: 150px;
}

.padding-top-152 {
  padding-top: 152px;
}

.padding-top-154 {
  padding-top: 154px;
}

.padding-top-156 {
  padding-top: 156px;
}

.padding-top-159 {
  padding-top: 159px;
}

.padding-top-160 {
  padding-top: 160px;
}

.padding-top-166 {
  padding-top: 166px;
}

.padding-top-167 {
  padding-top: 167px;
}

.padding-top-180 {
  padding-top: 180px;
}

.padding-top-182 {
  padding-top: 182px;
}

.padding-top-186 {
  padding-top: 186px;
}

.padding-top-188 {
  padding-top: 188px;
}

.padding-top-189 {
  padding-top: 189px;
}

.padding-top-192 {
  padding-top: 192px;
}

.padding-top-200 {
  padding-top: 200px;
}

.padding-top-202 {
  padding-top: 202px;
}

.padding-top-203 {
  padding-top: 203px;
}

.padding-top-204 {
  padding-top: 204px;
}

.padding-top-216 {
  padding-top: 216px;
}

.padding-top-220 {
  padding-top: 220px;
}

.padding-top-228 {
  padding-top: 228px;
}

.padding-top-238 {
  padding-top: 238px;
}

.padding-top-240 {
  padding-top: 240px;
}

.padding-top-261 {
  padding-top: 261px;
}

.padding-top-264 {
  padding-top: 264px;
}

.padding-top-282 {
  padding-top: 282px;
}

.padding-top-310 {
  padding-top: 310px;
}

.padding-top-322 {
  padding-top: 322px;
}

.padding-top-324 {
  padding-top: 324px;
}

.padding-top-325 {
  padding-top: 325px;
}

.padding-top-428 {
  padding-top: 428px;
}

.padding-left-2 {
  padding-left: 2px;
}

.padding-left-4 {
  padding-left: 4px;
}

.padding-left-8 {
  padding-left: 8px;
}

.padding-left-10 {
  padding-left: 10px;
}

.padding-left-12 {
  padding-left: 12px;
}

.padding-left-16 {
  padding-left: 16px;
}

.padding-left-20 {
  padding-left: 20px;
}

.padding-left-22 {
  padding-left: 22px;
}

.padding-left-24 {
  padding-left: 24px;
}

.padding-left-28 {
  padding-left: 28px;
}

.padding-left-32 {
  padding-left: 32px;
}

.padding-left-34 {
  padding-left: 34px;
}

.padding-left-35 {
  padding-left: 35px;
}

.padding-left-40 {
  padding-left: 40px;
}

.padding-left-44 {
  padding-left: 44px;
}

.padding-left-45 {
  padding-left: 45px;
}

.padding-left-47 {
  padding-left: 47px;
}

.padding-left-48 {
  padding-left: 48px;
}

.padding-left-54 {
  padding-left: 54px;
}

.padding-left-56 {
  padding-left: 56px;
}

.padding-left-57 {
  padding-left: 57px;
}

.padding-left-58 {
  padding-left: 58px;
}

.padding-left-62 {
  padding-left: 62px;
}

.padding-left-64 {
  padding-left: 64px;
}

.padding-left-68 {
  padding-left: 68px;
}

.padding-left-80 {
  padding-left: 80px;
}

.padding-left-82 {
  padding-left: 82px;
}

.padding-left-85 {
  padding-left: 85px;
}

.padding-left-88 {
  padding-left: 88px;
}

.padding-left-89 {
  padding-left: 89px;
}

.padding-left-90 {
  padding-left: 90px;
}

.padding-left-92 {
  padding-left: 92px;
}

.padding-left-102 {
  padding-left: 102px;
}

.padding-left-110 {
  padding-left: 110px;
}

.padding-left-114 {
  padding-left: 114px;
}

.padding-left-136 {
  padding-left: 136px;
}

.padding-left-180 {
  padding-left: 180px;
}

.padding-left-196 {
  padding-left: 196px;
}

.padding-left-220 {
  padding-left: 220px;
}

.padding-left-423 {
  padding-left: 423px;
}

.padding-left-431 {
  padding-left: 431px;
}

.padding-left-442 {
  padding-left: 442px;
}

.padding-left-470 {
  padding-left: 470px;
}

.padding-left-488 {
  padding-left: 488px;
}

.padding-left-492 {
  padding-left: 492px;
}

.padding-left-520 {
  padding-left: 520px;
}

.padding-left-524 {
  padding-left: 524px;
}

.padding-right-0-force {
  padding-right: 0px !important;
}

.padding-right-4 {
  padding-right: 4px;
}

.padding-right-8 {
  padding-right: 8px;
}

.padding-right-16 {
  padding-right: 16px;
}

.padding-right-20 {
  padding-right: 20px;
}

.padding-right-24 {
  padding-right: 24px;
}

.padding-right-32 {
  padding-right: 32px;
}

.padding-right-34 {
  padding-right: 34px;
}

.padding-right-35 {
  padding-right: 35px;
}

.padding-right-40 {
  padding-right: 40px;
}

.padding-right-44 {
  padding-right: 44px;
}

.padding-right-45 {
  padding-right: 45px;
}

.padding-right-45-force {
  padding-right: 45px !important;
}

.padding-right-50 {
  padding-right: 50px;
}

.padding-right-50-force {
  padding-right: 50px !important;
}

.padding-right-56 {
  padding-right: 56px;
}

.padding-right-57 {
  padding-right: 57px;
}

.padding-right-58 {
  padding-right: 58px;
}

.padding-right-62 {
  padding-right: 62px;
}

.padding-right-64 {
  padding-right: 64px;
}

.padding-right-70-force {
  padding-right: 70px !important;
}

.padding-right-80 {
  padding-right: 80px;
}

.padding-right-82 {
  padding-right: 82px;
}

.padding-right-87 {
  padding-right: 87px;
}

.padding-right-88 {
  padding-right: 88px;
}

.padding-right-90 {
  padding-right: 90px;
}

.padding-right-92 {
  padding-right: 92px;
}

.padding-right-94 {
  padding-right: 94px;
}

.padding-right-96 {
  padding-right: 96px;
}

.padding-right-114 {
  padding-right: 114px;
}

.padding-bottom-0 {
  padding-bottom: 0px;
}

.padding-bottom-8 {
  padding-bottom: 8px;
}

.padding-bottom-10 {
  padding-bottom: 10px;
}

.padding-bottom-14 {
  padding-bottom: 14px;
}

.padding-bottom-15 {
  padding-bottom: 15px;
}

.padding-bottom-16 {
  padding-bottom: 16px;
}

.padding-bottom-18-force {
  padding-bottom: 18px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px;
}

.padding-bottom-24 {
  padding-bottom: 24px;
}

.padding-bottom-27 {
  padding-bottom: 27px;
}

.padding-bottom-32 {
  padding-bottom: 32px;
}

.padding-bottom-33 {
  padding-bottom: 33px;
}

.padding-bottom-34 {
  padding-bottom: 34px;
}

.padding-bottom-38 {
  padding-bottom: 38px;
}

.padding-bottom-40 {
  padding-bottom: 40px;
}

.padding-bottom-43 {
  padding-bottom: 43px;
}

.padding-bottom-44 {
  padding-bottom: 44px;
}

.padding-bottom-56 {
  padding-bottom: 56px;
}

.padding-bottom-60 {
  padding-bottom: 60px;
}

.padding-bottom-64 {
  padding-bottom: 64px;
}

.padding-bottom-68 {
  padding-bottom: 68px;
}

.padding-bottom-70 {
  padding-bottom: 70px;
}

.padding-bottom-160 {
  padding-bottom: 160px;
}

.padding-bottom-220 {
  padding-bottom: 220px;
}

.margin-0-auto {
  margin: 0 auto;
}

.margin-auto {
  margin: auto;
}

.margin-0-11 {
  margin: 0 11px;
}

.margin-0-12 {
  margin: 0 12px;
}

.margin-top--1 {
  margin-top: -1px;
}

.margin-top--10 {
  margin-top: -10px;
}

.margin-top--60 {
  margin-top: -60px;
}

.margin-top--70 {
  margin-top: -70px;
}

.margin-top-4 {
  margin-top: 4px;
}

.margin-top-7 {
  margin-top: 7px;
}

.margin-top-8 {
  margin-top: 8px;
}

.margin-top-12 {
  margin-top: 12px;
}

.margin-top-14 {
  margin-top: 14px;
}

.margin-top-16 {
  margin-top: 16px;
}

.margin-top-20 {
  margin-top: 20px;
}

.margin-top-24 {
  margin-top: 24px;
}

.margin-top-28 {
  margin-top: 28px;
}

.margin-top-30 {
  margin-top: 30px;
}

.margin-top-32 {
  margin-top: 32px;
}

.margin-top-35 {
  margin-top: 35px;
}

.margin-top-36 {
  margin-top: 36px;
}

.margin-top-39 {
  margin-top: 39px;
}

.margin-top-40 {
  margin-top: 40px;
}

.margin-top-44 {
  margin-top: 44px;
}

.margin-top-54 {
  margin-top: 54px;
}

.margin-top-65 {
  margin-top: 65px;
}

.margin-top-80 {
  margin-top: 80px;
}

.margin-top-88 {
  margin-top: 88px;
}

.margin-top-96 {
  margin-top: 96px;
}

.margin-top-100 {
  margin-top: 100px;
}

.margin-top-117 {
  margin-top: 117px;
}

.margin-top-140 {
  margin-top: 140px;
}

.margin-top-144 {
  margin-top: 144px;
}

.margin-top-148 {
  margin-top: 148px;
}

.margin-top-149 {
  margin-top: 149px;
}

.margin-top-152 {
  margin-top: 152px;
}

.margin-top-192 {
  margin-top: 192px;
}

.margin-top-238 {
  margin-top: 238px;
}

.margin-left--15 {
  margin-left: -15px;
}

.margin-left-0 {
  margin-left: 0px;
}

.margin-left-2 {
  margin-left: 2px;
}

.margin-left-4 {
  margin-left: 4px;
}

.margin-left-6 {
  margin-left: 6px;
}

.margin-left-8 {
  margin-left: 8px;
}

.margin-left-9 {
  margin-left: 9px;
}

.margin-left-12 {
  margin-left: 12px;
}

.margin-left-14 {
  margin-left: 14px;
}

.margin-left-16 {
  margin-left: 16px;
}

.margin-left-20 {
  margin-left: 20px;
}

.margin-left-21-force {
  margin-left: 21px !important;
}

.margin-left-24 {
  margin-left: 24px;
}

.margin-left-30 {
  margin-left: 30px;
}

.margin-left-32 {
  margin-left: 32px;
}

.margin-left-34 {
  margin-left: 34px;
}

.margin-left-42 {
  margin-left: 42px;
}

.margin-left-45 {
  margin-left: 45px;
}

.margin-left-48-force {
  margin-left: 48px !important;
}

.margin-left-52 {
  margin-left: 52px;
}

.margin-left-60 {
  margin-left: 60px;
}

.margin-left-72 {
  margin-left: 72px;
}

.margin-left-101 {
  margin-left: 101px;
}

.margin-left-101-force {
  margin-left: 101px !important;
}

.margin-left-235 {
  margin-left: 235px;
}

.margin-right--15 {
  margin-right: -15px;
}

.margin-right-4 {
  margin-right: 4px;
}

.margin-right-6 {
  margin-right: 6px;
}

.margin-right-8 {
  margin-right: 8px;
}

.margin-right-10 {
  margin-right: 10px;
}

.margin-right-12 {
  margin-right: 12px;
}

.margin-right-16 {
  margin-right: 16px;
}

.margin-right-19 {
  margin-right: 19px;
}

.margin-right-20 {
  margin-right: 20px;
}

.margin-right-22 {
  margin-right: 22px;
}

.margin-right-24 {
  margin-right: 24px;
}

.margin-right-28 {
  margin-right: 28px;
}

.margin-right-30 {
  margin-right: 30px;
}

.margin-right-32 {
  margin-right: 32px;
}

.margin-right-35 {
  margin-right: 35px;
}

.margin-right-42 {
  margin-right: 42px;
}

.margin-right-48 {
  margin-right: 48px;
}

.margin-right-63 {
  margin-right: 63px;
}

.margin-right-107-force {
  margin-right: 107px !important;
}

.margin-right-140-force {
  margin-right: 140px !important;
}

.margin-bottom--70 {
  margin-bottom: -70px;
}

.margin-bottom-0 {
  margin-bottom: 0px;
}

.margin-bottom-0-force {
  margin-bottom: 0px !important;
}

.margin-bottom-2 {
  margin-bottom: 2px;
}

.margin-bottom-4 {
  margin-bottom: 4px;
}

.margin-bottom-6 {
  margin-bottom: 6px;
}

.margin-bottom-8 {
  margin-bottom: 8px;
}

.margin-bottom-10 {
  margin-bottom: 10px;
}

.margin-bottom-12 {
  margin-bottom: 12px;
}

.margin-bottom-13 {
  margin-bottom: 13px;
}

.margin-bottom-14 {
  margin-bottom: 14px;
}

.margin-bottom-15 {
  margin-bottom: 15px;
}

.margin-bottom-16 {
  margin-bottom: 16px;
}

.margin-bottom-17 {
  margin-bottom: 17px;
}

.margin-bottom-16-force {
  margin-bottom: 16px !important;
}

.margin-bottom-18 {
  margin-bottom: 18px;
}

.margin-bottom-19 {
  margin-bottom: 19px;
}

.margin-bottom-20 {
  margin-bottom: 20px;
}

.margin-bottom-22 {
  margin-bottom: 22px;
}

.margin-bottom-23 {
  margin-bottom: 23px;
}

.margin-bottom-24 {
  margin-bottom: 24px;
}

.margin-bottom-26 {
  margin-bottom: 26px;
}

.margin-bottom-27 {
  margin-bottom: 27px;
}

.margin-bottom-28 {
  margin-bottom: 28px;
}

.margin-bottom-30 {
  margin-bottom: 30px;
}

.margin-bottom-32 {
  margin-bottom: 32px;
}

.margin-bottom-32-force {
  margin-bottom: 32px !important;
}

.margin-bottom-35 {
  margin-bottom: 35px;
}

.margin-bottom-36 {
  margin-bottom: 36px;
}

.margin-bottom-37 {
  margin-bottom: 37px;
}

.margin-bottom-38 {
  margin-bottom: 38px;
}

.margin-bottom-39 {
  margin-bottom: 39px;
}

.margin-bottom-40 {
  margin-bottom: 40px;
}

.margin-bottom-41 {
  margin-bottom: 41px;
}

.margin-bottom-42 {
  margin-bottom: 42px;
}

.margin-bottom-43 {
  margin-bottom: 43px;
}

.margin-bottom-44 {
  margin-bottom: 44px;
}

.margin-bottom-44-force {
  margin-bottom: 44px !important;
}

.margin-bottom-45 {
  margin-bottom: 45px;
}

.margin-bottom-46 {
  margin-bottom: 46px;
}

.margin-bottom-48 {
  margin-bottom: 48px;
}

.margin-bottom-50 {
  margin-bottom: 50px;
}

.margin-bottom-52 {
  margin-bottom: 52px;
}

.margin-bottom-56 {
  margin-bottom: 56px;
}

.margin-bottom-58 {
  margin-bottom: 58px;
}

.margin-bottom-59 {
  margin-bottom: 59px;
}

.margin-bottom-60 {
  margin-bottom: 60px;
}

.margin-bottom-62 {
  margin-bottom: 62px;
}

.margin-bottom-64 {
  margin-bottom: 64px;
}

.margin-bottom-65 {
  margin-bottom: 65px;
}

.margin-bottom-66 {
  margin-bottom: 66px;
}

.margin-bottom-67 {
  margin-bottom: 67px;
}

.margin-bottom-68 {
  margin-bottom: 68px;
}

.margin-bottom-69 {
  margin-bottom: 69px;
}

.margin-bottom-70 {
  margin-bottom: 70px;
}

.margin-bottom-73 {
  margin-bottom: 73px;
}

.margin-bottom-76 {
  margin-bottom: 76px;
}

.margin-bottom-80 {
  margin-bottom: 80px;
}

.margin-bottom-81 {
  margin-bottom: 81px;
}

.margin-bottom-83 {
  margin-bottom: 83px;
}

.margin-bottom-85 {
  margin-bottom: 85px;
}

.margin-bottom-87 {
  margin-bottom: 87px;
}

.margin-bottom-94 {
  margin-bottom: 94px;
}

.margin-bottom-96 {
  margin-bottom: 96px;
}

.margin-bottom-98 {
  margin-bottom: 98px;
}

.margin-bottom-100 {
  margin-bottom: 100px;
}

.margin-bottom-105 {
  margin-bottom: 105px;
}

.margin-bottom-109 {
  margin-bottom: 109px;
}

.margin-bottom-116 {
  margin-bottom: 116px;
}

.margin-bottom-132 {
  margin-bottom: 132px;
}

.margin-bottom-134 {
  margin-bottom: 134px;
}

.margin-bottom-136 {
  margin-bottom: 136px;
}

.margin-bottom-240 {
  margin-bottom: 240px;
}

.white-space-nowrap {
  white-space: nowrap;
}

.text-overflow-ellipsis {
  text-overflow: ellipsis;
}

.font-size-10 {
  font-size: 10px;
}

.font-size-11 {
  font-size: 11px;
}

.font-size-12 {
  font-size: 12px;
}

.font-size-14 {
  font-size: 14px;
}

.font-size-15 {
  font-size: 15px;
}

.font-size-16 {
  font-size: 16px;
}

.font-size-17 {
  font-size: 17px;
}

.font-size-16-force {
  font-size: 16px !important;
}

.font-size-18 {
  font-size: 18px;
}

.font-size-18-force {
  font-size: 18px !important;
}

.font-size-20 {
  font-size: 20px;
}

.font-size-20-force {
  font-size: 20px !important;
}

.font-size-22 {
  font-size: 22px;
}

.font-size-24 {
  font-size: 24px;
}

.font-size-25 {
  font-size: 25px;
}

.font-size-24-force {
  font-size: 24px !important;
}

.font-size-26 {
  font-size: 26px;
}

.font-size-28 {
  font-size: 28px;
}

.font-size-32 {
  font-size: 32px;
}

.font-size-36 {
  font-size: 36px;
}

.font-size-38 {
  font-size: 38px;
}

.font-size-40 {
  font-size: 40px;
}

.font-size-43 {
  font-size: 43px;
}

.font-size-40-force {
  font-size: 40px !important;
}

.font-size-48 {
  font-size: 48px;
}

.font-size-56 {
  font-size: 56px;
}

.font-size-59 {
  font-size: 59px;
}

.font-size-71 {
  font-size: 71px;
}

.font-size-75 {
  font-size: 75px;
}

.block {
  display: block;
}

.inline-block {
  display: inline-block;
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.flex-1 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.align-items-center {
  -moz-align-items: center;
  -ms-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.align-items-start {
  -moz-align-items: start;
  -ms-align-items: start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}

.align-items-flex-end {
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.justify-content-space-between {
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -ms-flex-pack: space-between;
}

.justify-content-flex-start {
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -ms-flex-pack: flex-start;
}

.justify-content-flex-end {
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  -webkit-box-pack: end;
          justify-content: flex-end;
  -ms-flex-pack: flex-end;
}

.justify-content-center {
  -moz-justify-content: center;
  -ms-justify-content: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-pack: center;
}

.line-height-12 {
  line-height: 12px;
}

.line-height-16 {
  line-height: 16px;
}

.line-height-17 {
  line-height: 17px;
}

.line-height-18 {
  line-height: 18px;
}

.line-height-19 {
  line-height: 19px;
}

.line-height-20 {
  line-height: 20px;
}

.line-height-21 {
  line-height: 21px;
}

.line-height-22 {
  line-height: 22px;
}

.line-height-24 {
  line-height: 24px;
}

.line-height-28 {
  line-height: 28px;
}

.line-height-28-force {
  line-height: 28px !important;
}

.line-height-32 {
  line-height: 32px;
}

.line-height-35 {
  line-height: 35px;
}

.line-height-38 {
  line-height: 38px;
}

.line-height-40 {
  line-height: 40px;
}

.line-height-43 {
  line-height: 43px;
}

.line-height-45 {
  line-height: 45px;
}

.line-height-48 {
  line-height: 48px;
}

.line-height-48-force {
  line-height: 48px !important;
}

.line-height-58 {
  line-height: 58px;
}

.line-height-64 {
  line-height: 64px;
}

.line-height-80 {
  line-height: 80px;
}

.letter-spacing--0-3 {
  letter-spacing: -0.3px;
}

.letter-spacing-1 {
  letter-spacing: 1px;
}

.letter-spacing-2 {
  letter-spacing: 2px;
}

.border-none {
  border: none;
}

.border-top-1-color-silver {
  border-top: 1px solid #cccccc;
}

.border-bottom-1-color-silver {
  border-bottom: 1px solid #cccccc;
}

.border-radius-50-p {
  border-radius: 50% 50% 50% 50%;
}

.border-radius-2 {
  border-radius: 2px 2px 2px 2px;
}

.border-radius-4 {
  border-radius: 4px 4px 4px 4px;
}

.border-radius-6 {
  border-radius: 6px 6px 6px 6px;
}

.border-radius-8 {
  border-radius: 8px 8px 8px 8px;
}

.border-radius-16 {
  border-radius: 16px 16px 16px 16px;
}

.border-radius-20 {
  border-radius: 20px 20px 20px 20px;
}

.border-radius-28 {
  border-radius: 28px 28px 28px 28px;
}

.border-radius-12-0 {
  border-radius: 12px 12px 0px 0px;
}

.border-radius-8-0-8-0 {
  border-radius: 8px 0px 0px 8px;
}

.border-radius-0-0-8-8 {
  border-radius: 0px 0px 8px 8px;
}

.border-radius-0-0-6-6 {
  border-radius: 0px 0px 6px 6px;
}

.border-radius-0-6-0-6 {
  border-radius: 0px 6px 6px 0px;
}

.border-radius-0-6-6-6 {
  border-radius: 0px 6px 6px 6px;
}

.border-radius-0-0-0-6 {
  border-radius: 0px 0px 0px 6px;
}

.border-radius-45-0-0-45 {
  border-radius: 45px 0px 0px 45px;
}

.border-radius-48-48-0-0 {
  border-radius: 48px 48px 0px 0px;
}

.border-right-1-white {
  border-right: 1px solid #fff;
}

.border-right-1-onsurface-100 {
  border-right: 1px solid #E5E7EB;
}

.border-1-onsurface-500 {
  border: 1px solid #99A1AD;
}

.border-1-white {
  border: 1px solid #fff;
}

.border-2-white {
  border: 2px solid #fff;
}

.border-3-onsurface-700 {
  border: 3px solid #737E8E;
}

.border-2-onsurface-400 {
  border: 2px solid #ACB2BD;
}

.border-2-onsurface-900 {
  border: 2px solid #4D5B70;
}

.border-1-primary-200 {
  border: 1px solid #70A9FF;
}

.border-2-primary-400 {
  border: 2px solid #0A47F0;
}

.border-2-primary-600 {
  border: 2px solid #002DA0;
}

.border-2-primary-700 {
  border: 2px solid #002A8D;
}

.border-3-secondary-500 {
  border: 3px solid #FF7800;
}

.border-2-error {
  border: 2px solid #E30425 !important;
}

.border-4-white {
  border: 4px solid #fff;
}

.border-4-primary-300 {
  border: 4px solid #3D77FF;
}

.border-2-onsurface-200 {
  border: 2px solid #D2D5DC;
}

.border-1-onsurface-250 {
  border: 1px solid #D8DFEA;
}

.border-1-left-onsurface-300 {
  border-left: 1px solid #BFC4CC;
}

.border-1-bottom-onsurface-300 {
  border-bottom: 1px solid #BFC4CC;
}

.border-1-bottom-primary-250 {
  border-bottom: 1px solid #0099CC;
}

.border-1-top-onsurface-300 {
  border-top: 1px solid #BFC4CC;
}

.border-2-left-primary-700 {
  border-left: 2px solid #002A8D;
}

.border-2-right-primary-700 {
  border-right: 2px solid #002A8D;
}

.border-1-top-white {
  border-top: 1px solid #fff;
}

.border-bottom-1-color-onsurface-100 {
  border-bottom: 1px solid #E5E7EB;
}

.border-bottom-2-color-onsurface-100 {
  border-bottom: 2px solid #E5E7EB;
}

.border-bottom-1-color-onsurface-200 {
  border-bottom: 1px solid #D2D5DC;
}

.z-index--1 {
  z-index: -1;
}

.z-index-2 {
  z-index: 2;
}

.z-index-5 {
  z-index: 5;
}

.z-index-10 {
  z-index: 10;
}

.z-index-20 {
  z-index: 20;
}

.z-index-21 {
  z-index: 21;
}

.z-index-50 {
  z-index: 50;
}

.z-index-51 {
  z-index: 51;
}

.z-index-60 {
  z-index: 60;
}

.z-index-62 {
  z-index: 62;
}

.z-index-70 {
  z-index: 70;
}

.z-index-100 {
  z-index: 100;
}

.z-index-101 {
  z-index: 101;
}

.z-index-1000 {
  z-index: 1000;
}

.pointer-events-none {
  pointer-events: none;
}

.pointer-events-all {
  pointer-events: all;
}

.opacity-0-force {
  opacity: 0 !important;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}

.opacity-0 {
  opacity: 0;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}

.opacity-4 {
  opacity: 0.4;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}

.fadeIn {
  opacity: 1 !important;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}

.animation-top {
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.animation-width-5 {
  -webkit-animation-name: animationWidth;
          animation-name: animationWidth;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}

@-webkit-keyframes animationWidth {
  0% {
    width: 1px;
  }
  100% {
    width: 100%;
  }
}

@keyframes animationWidth {
  0% {
    width: 1px;
  }
  100% {
    width: 100%;
  }
}
#image-inactive-blur {
  position: absolute;
  left: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  z-index: 10;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  background: rgba(0, 0, 0, 0.7);
}

.cards-effect {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.cards-effect.active {
  background: #FF7800 !important;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.cards-effect.active h4 {
  color: #ffffff !important;
}
.cards-effect.active-red {
  background: #B01F4C !important;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.clickEffect {
  position: fixed;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-style: solid;
  border-color: #CCE2FF;
  border-radius: 50%;
  -webkit-animation: clickEffect 0.3s ease-out;
          animation: clickEffect 0.3s ease-out;
  z-index: 99999;
}

@-webkit-keyframes clickEffect {
  0% {
    opacity: 1;
    width: 0.5em;
    height: 0.5em;
    margin: -0.25em;
    border-width: 0.5rem;
  }
  100% {
    opacity: 0.2;
    width: 5em;
    height: 5em;
    margin: -2.5em;
    border-width: 0.03rem;
  }
}

@keyframes clickEffect {
  0% {
    opacity: 1;
    width: 0.5em;
    height: 0.5em;
    margin: -0.25em;
    border-width: 0.5rem;
  }
  100% {
    opacity: 0.2;
    width: 5em;
    height: 5em;
    margin: -2.5em;
    border-width: 0.03rem;
  }
}
#content {
  position: absolute;
  top: 0;
  left: 0;
  padding-left: 24px;
  padding-top: 16px;
  padding-right: 24px;
  pointer-events: none;
  z-index: 100;
  width: 100%;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -ms-flex-pack: space-between;
}
#content .point {
  position: relative;
  display: inline-block;
  border-radius: 8px;
  background: rgba(112, 169, 255, 0.2);
  height: 4px;
  margin: 0 5px;
}
#content .point.active {
  opacity: 1;
}
#content .point.active:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 0%;
  background: #FF7800;
  -webkit-animation: progressBar 4s ease-in;
          animation: progressBar 4s ease-in;
}

@-webkit-keyframes progressBar {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}

@keyframes progressBar {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.icon-alert-big {
  position: relative;
  padding-left: 28px;
  letter-spacing: -0.3px;
}
.icon-alert-big:before {
  content: "";
  background: url(../image/svg/alert.svg);
  background-size: 100%;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 0;
  top: -3px;
}

.icon-alert-small {
  position: relative;
  padding-left: 26px;
}
.icon-alert-small:before {
  content: "";
  background: url(../image/svg/alert.svg);
  background-size: 100%;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  top: -3px;
}

.triangle {
  position: relative;
}
.triangle:before {
  content: "";
  position: absolute;
  top: -28px;
  left: 20px;
  width: 0;
  height: 0;
  border-right: 15px solid transparent;
  border-top: 15px solid transparent;
  border-left: 15px solid transparent;
  border-bottom: 15px solid #ffffff;
}

.left-active {
  position: absolute;
  width: 12px;
  height: 94px;
  left: 0;
  top: 0;
  background: #70A9FF;
}

.left-active-error {
  position: absolute;
  width: 12px;
  height: 94px;
  left: 0;
  top: 0;
  background: #E30425;
}

.backdrop {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  background: rgba(0, 0, 0, 0.7);
}
.backdrop.active {
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  opacity: 1;
  z-index: 999;
}
.backdrop.visible {
  visibility: visible !important;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}

.content-balance {
  -ms-overflow-style: none;
  scroll-behavior: smooth;
}
.content-balance::-webkit-scrollbar {
  display: none;
}

.radio-buttons input:checked ~ .check:after {
  content: "";
  background: url(../image/svg/check-active-primary-700.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  position: absolute;
  top: -3px;
  left: -3px;
  width: 24px;
  height: 24px;
  opacity: 1 !important;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}

.radio-buttons input:checked ~ .check {
  border: 2px solid #0A47F0 !important;
}

.tabs.active {
  background: #002A8D !important;
  color: #fff !important;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}

.softoken-circle span {
  width: 52px;
  height: 52px;
  border-radius: 36px;
  font-family: "flexobold";
  font-size: 24px;
  color: #0A47F0;
  border: 4px solid #0A47F0;
  text-align: center;
  line-height: 46px;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.softoken-circle p {
  font-size: 24px;
  width: 340px;
  color: #000;
  margin-left: 22px;
  font-family: "flexodemi";
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.softoken-circle.inactive span {
  background: #E5E7EB;
  color: #ACB2BD;
  border: 4px solid #E5E7EB;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.softoken-circle.inactive p {
  font-family: "flexo";
  font-size: 20px;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.softoken-circle.default p {
  font-size: 20px !important;
  font-family: "flexo" !important;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}

.enrroll-circle p {
  font-size: 40px;
  color: #fff;
  line-height: 48px;
  font-family: "flexobold";
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.enrroll-circle p b {
  line-height: 48px;
  font-family: "flexobold";
  font-size: 40px;
}
.enrroll-circle p.showHide {
  -webkit-animation-name: showHide;
          animation-name: showHide;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

.triangle-question-type-1 {
  width: 0;
  height: 0;
  border-top: 24px solid transparent;
  border-right: 48px solid #002A8D;
  border-bottom: 24px solid transparent;
}

.triangle-question-type-2 {
  width: 0;
  height: 0;
  border-top: 24px solid transparent;
  border-left: 48px solid #002A8D;
  border-bottom: 24px solid transparent;
}

.triangle-question-type-3 {
  width: 0;
  height: 0;
  border-top: 32px solid transparent;
  border-left: 64px solid #fff;
  border-bottom: 32px solid transparent;
}

.bullet-list:before {
  position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  background-color: #fff;
  border-radius: 50%;
  left: 4px;
  top: 8px;
}

.bullet-list-small li {
  padding-left: 16px;
  position: relative;
}
.bullet-list-small li:before {
  position: absolute;
  content: "";
  width: 4px;
  height: 4px;
  background-color: #fff;
  border-radius: 50%;
  left: 8px;
  top: 5px;
}

.account-openning-hand {
  bottom: -400px;
  -webkit-animation-name: translateHand;
          animation-name: translateHand;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
}

@-webkit-keyframes translateHand {
  0% {
    bottom: -400px;
  }
  30% {
    bottom: 0px;
  }
  50% {
    bottom: 0px;
  }
  100% {
    bottom: -400px;
  }
}

@keyframes translateHand {
  0% {
    bottom: -400px;
  }
  30% {
    bottom: 0px;
  }
  50% {
    bottom: 0px;
  }
  100% {
    bottom: -400px;
  }
}
@-webkit-keyframes showHide {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes showHide {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.bullet-about-card:before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  display: inline-block;
  width: 4px;
  height: 4px;
  background: #000;
  border-radius: 50%;
}

.bullet-about-account {
  position: relative;
}
.bullet-about-account:before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  display: inline-block;
  width: 4px;
  height: 4px;
  background: #000;
  border-radius: 50%;
}

.underline {
  position: absolute;
  width: 90%;
  background: #fff;
  height: 5px;
  border-radius: 8px;
}

.text-decoration-underline {
  text-decoration: underline;
}

.option-occupation:hover {
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  background: #0030B3;
}

.effect-pulse {
  position: relative;
  overflow: visible !important;
}
.effect-pulse:before {
  display: inline-block;
  content: " ";
  position: absolute;
  top: 0px;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 8px;
  -webkit-animation: pulse 3s infinite;
          animation: pulse 3s infinite;
}
.effect-pulse:after {
  display: inline-block;
  content: " ";
  position: absolute;
  top: 0px;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 8px;
  -webkit-animation: pulse 3s infinite;
          animation: pulse 3s infinite;
}
.effect-pulse:after {
  display: inline-block;
  -webkit-animation: pulse 3s 0.3s infinite;
          animation: pulse 3s 0.3s infinite;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 120, 0, 0.6);
            box-shadow: 0 0 0 0 rgba(255, 120, 0, 0.6);
  }
  70% {
    -webkit-box-shadow: 0 0 0 30px rgba(255, 120, 0, 0);
            box-shadow: 0 0 0 30px rgba(255, 120, 0, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0px rgba(255, 120, 0, 0);
            box-shadow: 0 0 0 0px rgba(255, 120, 0, 0);
  }
}

@keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 120, 0, 0.6);
            box-shadow: 0 0 0 0 rgba(255, 120, 0, 0.6);
  }
  70% {
    -webkit-box-shadow: 0 0 0 30px rgba(255, 120, 0, 0);
            box-shadow: 0 0 0 30px rgba(255, 120, 0, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0px rgba(255, 120, 0, 0);
            box-shadow: 0 0 0 0px rgba(255, 120, 0, 0);
  }
}
.menu {
  width: 100%;
}
.menu li {
  display: inline-block;
  padding: 0 15px;
  position: relative;
}
.menu li:hover .submenu {
  display: block;
}
.menu li a {
  color: white;
  font-family: "Lato", sans-serif;
  font-size: 13px;
  cursor: pointer;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  position: relative;
  z-index: 5;
}
.menu li a:hover {
  color: #fbc12f;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.menu .submenu {
  position: absolute;
  left: -20px;
  top: -12px;
  width: 154px;
  z-index: 1;
  background-color: #000;
  display: none;
  padding-top: 57px;
}
.menu .submenu li {
  position: relative;
  margin-bottom: 8px;
  width: 100%;
  padding: 0;
  display: inline-block;
  text-align: center;
}
.menu .submenu li a {
  color: white;
  font-family: "Lato", sans-serif;
  font-size: 13px;
  cursor: pointer;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.menu .submenu li a:hover {
  color: #fbc12f;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}

.lato-thin {
  font-family: "Lato", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.lato-thin-italic {
  font-family: "Lato", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.lato-light {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.lato-light-italic {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.lato-regular {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.lato-regular-italic {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.lato-bold {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.lato-bold-force {
  font-family: "Lato", sans-serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
}

.lato-bold-italic {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.lato-black {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.lato-black-italic {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-style: italic;
}

.cursor-pointer {
  cursor: pointer;
}

.playfair-bold {
  font-family: "Playfair Display", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

.playfair-regular {
  font-family: "Playfair Display", serif;
  font-weight: 400;
  font-optical-sizing: auto;
  font-style: normal;
}

.playfair-display-italic {
  font-family: "Playfair Display", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: italic;
}

.gfs-didot-regular {
  font-family: "didot-w01-italic", serif;
  font-weight: 400;
  font-style: italic;
}

.btn-modal:hover {
  background: #fff;
  color: #333;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}

.btn-ofer:hover {
  background: transparent;
  color: #fff;
}

.btn-cup:hover {
  background: #cb950c;
  color: #fff;
}

.complete-image-lamp {
  width: 100%;
  height: 520px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}

.complete-image-prin {
  width: 100%;
  height: 757px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}

.complete-image-lim {
  width: 100%;
  height: 290px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}

.padding-28-0-56 {
  padding: 28px 0 56px;
}

.complete-image-nos {
  width: 100%;
  height: 617px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}

.complete-image-ofe {
  width: 100%;
  height: 622px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}
@media (max-width: 1251px) {
  .complete-image-ofe {
    left: 98%;
  }
}
@media (max-width: 1110px) {
  .complete-image-ofe {
    height: 400px;
  }
}
@media (max-width: 769px) {
  .complete-image-ofe {
    display: none;
  }
}

.complete-image-sob {
  width: 100%;
  height: 619px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}

.complete-image-blocked {
  width: 100%;
  height: 245px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}

.content-filter {
  -webkit-transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
  transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
}
.content-filter .line {
  pointer-events: none;
  width: 14px;
  height: 14px;
  top: 22px;
}
.content-filter .line div:nth-child(1) {
  width: 14px;
  height: 1px;
  background-color: #200000;
  top: 8px;
  position: absolute;
  left: 0;
  opacity: 0.5;
}
.content-filter .line div:nth-child(2) {
  width: 1px;
  height: 14px;
  background-color: #200000;
  top: 2px;
  position: absolute;
  right: 7px;
  opacity: 0.5;
}
.content-filter.active {
  max-height: 1000px;
  -webkit-transition: max-height 1s ease-in-out;
  transition: max-height 1s ease-in-out;
}
.content-filter.active .line div:nth-child(2) {
  opacity: 0;
}

.filter-button {
  cursor: pointer;
}

.max-h-66 {
  max-height: 66px;
}

input[type=range] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  outline: none;
  position: absolute;
  margin: auto;
  top: 18px;
  background-color: transparent;
  pointer-events: none;
}

.slider-track {
  width: 100%;
  height: 2px;
  position: absolute;
  margin: auto;
  top: 14px;
  border-radius: 5px;
}

input[type=range]::-webkit-slider-runnable-track {
  -webkit-appearance: none;
  height: 5px;
}

input[type=range]::-moz-range-track {
  -moz-appearance: none;
  height: 5px;
}

input[type=range]::-ms-track {
  appearance: none;
  height: 5px;
}

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 12px;
  width: 12px;
  background-color: #000;
  cursor: pointer;
  margin-top: -9px;
  pointer-events: auto;
  border-radius: 50%;
}

input[type=range]::-moz-range-thumb {
  -webkit-appearance: none;
  height: 1.7em;
  width: 1.7em;
  cursor: pointer;
  border-radius: 50%;
  background-color: #000;
  pointer-events: auto;
  border: none;
}

input[type=range]::-ms-thumb {
  appearance: none;
  height: 1.7em;
  width: 1.7em;
  cursor: pointer;
  border-radius: 50%;
  background-color: #000;
  pointer-events: auto;
}

input[type=range]:active::-webkit-slider-thumb {
  background-color: #ffffff;
  border: 1px solid #000;
}

.values {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  position: relative;
  padding-top: 32px;
}
.values span {
  font-size: 14px;
  color: #000;
  font-family: "Lato", sans-serif;
  font-weight: 300;
}

.categories div {
  margin-bottom: 12px;
}
.categories div:hover label {
  opacity: 0.4;
}
.categories div input {
  position: absolute;
  left: 0;
  top: 0;
  height: 18px;
  opacity: 0;
  width: 100%;
  z-index: 1;
  cursor: pointer;
}
.categories div input:checked + label {
  font-weight: 700;
  -webkit-transition: 0.2s ease-in;
  transition: 0.2s ease-in;
  opacity: 1;
}
.categories div label {
  -webkit-transition: 0.2s ease-in;
  transition: 0.2s ease-in;
}

.colors {
  padding-left: 3px;
  padding-top: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.colors div {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 8px;
}
.colors div:hover label span {
  opacity: 0.75;
  -webkit-transition: 0.2s ease-in;
  transition: 0.2s ease-in;
}
.colors div input {
  position: absolute;
  left: 0;
  z-index: 1;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  cursor: pointer;
  opacity: 0;
}
.colors div input:checked + label:after {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  top: -2px;
  left: -2px;
  border: 1px solid #333;
}
.colors div label {
  width: 20px;
  height: 20px;
  position: relative;
  display: inline-block;
}
.colors div label span {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  position: relative;
  display: inline-block;
  border: 1px solid #ccc;
  -webkit-transition: 0.2s ease-in;
  transition: 0.2s ease-in;
}

.powers label {
  font-size: 14px;
  margin-bottom: 4px;
  position: relative;
  width: 100%;
  display: inline-block;
  cursor: pointer;
}
.powers label span {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  color: #333;
  -webkit-transition: 0.2s ease-in;
  transition: 0.2s ease-in;
}
.powers label:hover span {
  -webkit-transition: 0.2s ease-in;
  transition: 0.2s ease-in;
  opacity: 0.4;
}
.powers label:before {
  display: inline-block;
  width: 13px;
  height: 13px;
  -webkit-margin-end: 10px;
          margin-inline-end: 10px;
  vertical-align: text-top;
  content: "";
  background: #fff;
  border: 1px solid #c9c9c9;
}
.powers input {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 18px;
  z-index: 3;
}
.powers input:checked + label:after {
  position: absolute;
  top: 3px;
  width: 4px;
  height: 8px;
  content: "";
  border: solid #000;
  border-width: 0 1px 1px 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  inset-inline-start: 5px;
}

.temperatures label {
  font-size: 14px;
  margin-bottom: 4px;
  position: relative;
  width: 100%;
  display: inline-block;
  cursor: pointer;
}
.temperatures label span {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  color: #333;
  -webkit-transition: 0.2s ease-in;
  transition: 0.2s ease-in;
}
.temperatures label:hover span {
  -webkit-transition: 0.2s ease-in;
  transition: 0.2s ease-in;
  opacity: 0.4;
}
.temperatures label:before {
  display: inline-block;
  width: 13px;
  height: 13px;
  -webkit-margin-end: 10px;
          margin-inline-end: 10px;
  vertical-align: text-top;
  content: "";
  background: #fff;
  border: 1px solid #c9c9c9;
}
.temperatures input {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 18px;
  z-index: 3;
}
.temperatures input:checked + label:after {
  position: absolute;
  top: 3px;
  width: 4px;
  height: 8px;
  content: "";
  border: solid #000;
  border-width: 0 1px 1px 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  inset-inline-start: 5px;
}

.product {
  cursor: pointer;
}
.product .card-image {
  position: relative;
}
.product .card-image .full-image {
  -webkit-transition: 0.3s ease-in;
  transition: 0.3s ease-in;
  position: absolute;
  height: 50px;
  width: 100%;
  left: 0;
  bottom: -60px;
  background-color: rgba(255, 255, 255, 0.4745098039);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 10;
}
.product .card-image .full-image p {
  font-size: 14px;
  color: #000;
  font-family: "Lato", sans-serif;
  font-weight: 300;
}
.product:hover .full-image {
  -webkit-transition: 0.3s ease-in;
  transition: 0.3s ease-in;
  bottom: 0;
}

.swiper-product-outlet .swiper-pagination,
.swiper-product-outlet .swiper-pagination-current {
  color: #fff;
  font-size: 20px;
  font-family: "flexodemi";
}

.swiper-product-outlet .swiper-pagination-fraction {
  top: inherit;
  bottom: 31px;
  width: 150px;
  right: 26%;
  text-align: center;
  z-index: 9;
  left: inherit;
}

.swiper-product-outlet .swiper-button-next {
  right: 0px;
  color: transparent;
  top: 22px;
  height: 100%;
  z-index: 10;
  background: url(../image/png/rigth.png) 100% #fff;
  background-repeat: no-repeat;
  position: absolute;
  width: 20px;
}

.swiper-product-outlet .swiper-button-prev {
  left: 0px;
  right: inherit;
  color: transparent;
  top: 22px;
  position: absolute;
  z-index: 10;
  height: 100%;
  background: url(../image/png/left.png) 100% #fff;
  background-repeat: no-repeat;
  width: 20px;
}

.custom-select {
  position: relative;
  width: 100%;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-size: 16px;
}

/* Estilo del select */
.custom-select select {
  display: none;
  /* Oculta el select original */
}

/* Estilo del div que simula el select */
.select-selected {
  background-color: #fff;
  padding: 8px;
  border: 1px solid #D8DFEA;
  cursor: pointer;
}

/* Estilo de las opciones del select */
.select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #000 transparent transparent transparent;
}

/* Estilo de las opciones del select */
.select-items div {
  padding: 8px;
  cursor: pointer;
  background-color: #ffffff;
}

/* Hide the items when the select box is closed: */
.select-hide {
  display: none;
}

.select-items div:hover,
.same-as-selected {
  background-color: #dedede;
}

.select-items {
  position: absolute;
  left: 0;
  top: 37px;
  width: 100%;
  z-index: 10;
  border: 1px solid #D8DFEA;
}

.same-as-selected {
  background-color: #aaaaaa !important;
  /* Cambia el color de fondo de la opción seleccionada */
  color: white;
  /* Cambia el color del texto de la opción seleccionada */
}

button.botton-detail[disabled] {
  background-color: #ccc;
  /* Cambia el color de fondo del botón */
  color: #999;
  /* Cambia el color del texto del botón */
  cursor: not-allowed;
  /* Cambia el cursor cuando está deshabilitado */
  opacity: 0.6;
  /* Cambia la opacidad del botón */
}

.botton-detail {
  border: none;
  cursor: pointer;
  background-color: #000;
  font-size: 16px;
  color: white;
  height: 48px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

.botton-detail:hover {
  background: rgba(0, 0, 0, 0.7019607843);
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

.botton-detail-ghost {
  border: none;
  cursor: pointer;
  background-color: #fff;
  font-size: 16px;
  color: #000;
  border: 1px solid #000;
  height: 48px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

.swiper-product-related .swiper-pagination,
.swiper-product-related .swiper-pagination-current {
  color: #fff;
  font-size: 20px;
  font-family: "flexodemi";
}

.swiper-product-related .swiper-pagination-fraction {
  top: inherit;
  bottom: 31px;
  width: 150px;
  right: 26%;
  text-align: center;
  z-index: 9;
  left: inherit;
}

.swiper-product-related .swiper-button-next {
  right: 0px;
  color: transparent;
  top: 22px;
  height: 100%;
  z-index: 10;
  background: url(../image/png/rigth.png) 100% #fff;
  background-repeat: no-repeat;
  position: absolute;
  width: 20px;
}

.swiper-product-related .swiper-button-prev {
  left: 0px;
  right: inherit;
  color: transparent;
  top: 22px;
  position: absolute;
  z-index: 10;
  height: 100%;
  background: url(../image/png/left.png) 100% #fff;
  background-repeat: no-repeat;
  width: 20px;
}

.login-account {
  width: 100%;
}

.login-account .content {
  width: 100%;
  margin-bottom: 24px;
  height: 80px;
}

.login-account .content label {
  display: block;
  font-size: 18px;
  margin-bottom: 8px;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.login-account .content input {
  width: 100%;
  font-size: 18px;
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
  padding: 8px;
  border: none;
  border-bottom: 1px solid #D8DFEA;
  background-color: #fff;
  color: #000;
}

.login-account .content input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.3137254902);
  font-weight: 300;
  font-size: 18px;
}

.login-account .content input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.3137254902);
  font-weight: 300;
  font-size: 18px;
}

.login-account .content input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.3137254902);
  font-weight: 300;
  font-size: 18px;
}

.login-account .content input::-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.3137254902);
  font-weight: 300;
  font-size: 18px;
}

.login-account .content input::placeholder {
  color: rgba(0, 0, 0, 0.3137254902);
  font-weight: 300;
  font-size: 18px;
}

.error-message {
  color: red;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-size: 14px;
  padding-top: 4px;
}

.login-account .content button[disabled] {
  background-color: #ccc;
  /* Cambia el color de fondo del botón */
  color: #999;
  /* Cambia el color del texto del botón */
  cursor: not-allowed;
  /* Cambia el cursor cuando está deshabilitado */
  opacity: 0.6;
  /* Cambia la opacidad del botón */
}

.login-account .content button {
  border: none;
  cursor: pointer;
  background-color: #000;
  font-size: 16px;
  color: white;
  height: 48px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

.my-profile {
  padding: 4px 16px;
  position: absolute;
  right: -15px;
  top: 50px;
  z-index: 2;
  background: #000;
  width: 140px;
}

.my-profile ul li {
  list-style: none;
  text-align: left;
  padding: 8px 0;
}

.my-profile ul li:last-child {
  margin-top: 8px;
  border-top: 1px solid rgba(255, 255, 255, 0.3137254902);
}

.my-profile ul li a {
  color: #fff;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-size: 14px;
  display: inline-block;
  font-style: normal;
}

#my-account #menu-my-account {
  display: none;
}

#my-account.active #menu-my-account {
  display: block;
}

#content-menu-logo-profile {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 58;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}

.my-account-menu {
  margin-bottom: 32px;
}

.my-account-menu ul li {
  display: inline-block;
  padding: 8px 16px;
  margin: 0 8px;
  text-align: center;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-size: 18px;
  cursor: pointer;
}

.my-account-menu ul li.active {
  border-top: 2px solid red;
}

.complete-image-contact {
  width: 100%;
  height: 245px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
}

@media (max-width: 1251px) {
  .card-line-index {
    width: 49%;
  }
}

@media (max-width: 1251px) {
  .content-card-line-index {
    padding: 0 24px;
  }
}

@media (max-width: 1110px) {
  .new-left {
    left: 12%;
  }
}

@media (max-width: 1110px) {
  .new-h-offer {
    height: 530px;
  }
}

@media (max-width: 1110px) {
  .new-top-prin {
    padding-top: 80px;
  }
}

@media (max-width: 1110px) {
  .new-left-2 {
    left: 7%;
  }
}

@media (max-width: 1110px) {
  .content-new-lamp {
    height: 380px;
  }
}
@media (max-width: 1110px) {
  .content-new-lamp .tt {
    font-size: 44px;
  }
}
@media (max-width: 1110px) {
  .content-new-lamp .ee {
    font-size: 16px;
  }
}

@media (max-width: 1110px) {
  .complete-image-lamp {
    height: 380px;
  }
}

@media (max-width: 769px) {
  .new-h-offer {
    width: 100%;
    height: 420px;
  }
}

@media (max-width: 769px) {
  .complete-image-ofe {
    display: none;
  }
}

@media (max-width: 769px) {
  .new-left {
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
  }
}

@media (max-width: 900px) {
  .content-new-lamp {
    height: 290px;
  }
}
@media (max-width: 900px) {
  .content-new-lamp .tt {
    font-size: 36px;
  }
}
@media (max-width: 900px) {
  .content-new-lamp .ee {
    font-size: 16px;
  }
}

@media (max-width: 900px) {
  .complete-image-lamp {
    height: 290px;
  }
}

@media (max-width: 900px) {
  .cc-m-bm- {
    width: 200px;
  }
}

@media (max-width: 900px) {
  .card-line-index {
    width: 100%;
  }
}

@media (max-width: 900px) {
  .nnt {
    width: 100%;
    padding: 0 32px;
  }
}
@media (max-width: 900px) {
  .nnt p:first-child {
    font-size: 48px;
  }
}
@media (max-width: 900px) {
  .nnt p span {
    font-size: 55px;
  }
}
@media (max-width: 900px) {
  .nnt p:last-child {
    font-size: 20px;
  }
}
@media (max-width: 900px) {
  .nnt p {
    width: 100%;
    margin-bottom: 32px;
    text-align: center;
  }
}

@media (max-width: 769px) {
  .for-tt .for-i {
    width: 80%;
  }
}
@media (max-width: 769px) {
  .for-tt .for-b {
    width: 20%;
  }
}
@media (max-width: 769px) {
  .for-tt {
    width: 100%;
  }
}

@media (max-width: 900px) {
  .ft-p {
    width: 100%;
    padding: 0 24px;
  }
}

@media (max-width: 769px) {
  .w-ft {
    width: 90%;
  }
}

@media (max-width: 900px) {
  .ff-p {
    padding: 0 32px;
  }
}

@media (max-width: 680px) {
  .c-f-tt p {
    font-size: 20px;
  }
}
@media (max-width: 680px) {
  .c-f-tt {
    width: 100%;
    margin-bottom: 32px;
  }
}

@media (max-width: 680px) {
  .mt-fp {
    margin-top: 0;
  }
}

@media (max-width: 680px) {
  .card-line-index-image {
    width: 100%;
    height: 200px;
  }
}

@media (max-width: 680px) {
  .card-line-index-info {
    width: 100%;
  }
}

@media (max-width: 680px) {
  .card-line-index {
    height: auto;
  }
}

@media (max-width: 680px) {
  .card-line-index-tittle {
    font-size: 40px !important;
  }
}

@media (max-width: 680px) {
  .content-new-lamp {
    width: 100%;
    margin-bottom: 60px;
  }
}
@media (max-width: 680px) {
  .content-new-lamp .tt {
    font-size: 36px;
  }
}
@media (max-width: 680px) {
  .content-new-lamp .ee {
    font-size: 16px;
  }
}

@media (max-width: 680px) {
  .lam-pb {
    padding-bottom: 80px;
  }
}

@media (max-width: 680px) {
  .lamp-new-h {
    height: 990px;
  }
}

@media (max-width: 1023px) {
  .c-mnu {
    display: none;
  }
}

@media (max-width: 680px) {
  .f-lumi {
    font-size: 50px;
  }
}

@media (max-width: 680px) {
  .ww-f {
    width: 100%;
    margin: auto;
  }
}

@media (max-width: 680px) {
  .c-nn {
    height: 720px;
  }
}

@media (max-width: 680px) {
  .w-mob {
    width: 45%;
  }
}

@media (max-width: 680px) {
  .complete-image-nos {
    height: 720px;
  }
}

@media (max-width: 680px) {
  .h-mb6 {
    height: 640px;
  }
}

@media (max-width: 1100px) {
  .card-about--b {
    width: 95%;
    margin: auto;
  }
}

@media (max-width: 1025px) {
  .card-about--b {
    width: 50%;
    margin: auto;
  }
}

@media (max-width: 769px) {
  .card-about--b {
    width: 90%;
    margin: auto;
  }
}

@media (max-width: 1025px) {
  .-full-parr {
    margin-bottom: 48px;
  }
}

@media (max-width: 769px) {
  .-full-parr {
    width: 100%;
  }
}

@media (max-width: 769px) {
  .-wwm {
    margin: auto;
  }
}

@media (max-width: 769px) {
  .complete-image-sob {
    height: 450px;
  }
}

@media (max-width: 650px) {
  .complete-image-sob {
    height: 300px;
  }
}

@media (max-width: 650px) {
  .abot-gh {
    font-size: 48px;
  }
}

@media (max-width: 650px) {
  .tl-mb {
    font-size: 40px;
  }
}

@media (max-width: 1190px) {
  .lit-prd {
    width: 720px;
  }
}

@media (max-width: 821px) {
  .lit-prd {
    width: 480px;
  }
}

@media (max-width: 650px) {
  .flt-mb {
    width: 100%;
    position: fixed;
    top: 0%;
    right: -120%;
    height: 100%;
    z-index: 60;
  }
}

@media (max-width: 650px) {
  .-bm-btt {
    position: absolute;
    bottom: 24px;
    width: 100%;
    left: 0;
    padding: 0 20px;
    margin: auto;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

@media (max-width: 650px) {
  .hh-sc {
    height: calc(100% - 100px);
    overflow-y: scroll;
  }
}

@media (max-width: 650px) {
  .btn-ff-5 {
    width: 48%;
  }
}

@media (max-width: 650px) {
  .clos-fl {
    display: inline-block !important;
  }
}

@media (max-width: 650px) {
  .ff-mbd {
    display: inline-block !important;
    padding: 16px 8px;
    border: 1px solid #000;
    width: 90%;
    margin: 0 auto;
  }
}

@media (max-width: 650px) {
  .pr-ddd {
    width: 240px;
    margin: auto;
  }
}

.right--100-full {
  right: -120% !important;
}

@media (max-width: 650px) {
  #text-one {
    font-size: 30px;
  }
}

@media (max-width: 650px) {
  #text-two {
    font-size: 35px;
  }
}

@media (max-width: 1000px) {
  .de-ctn {
    width: 100%;
    max-width: 500px;
  }
}

@media (max-width: 1000px) {
  .de-img {
    margin-bottom: 32px;
  }
}

@media (max-width: 1000px) {
  .de-sli {
    width: 100%;
    max-width: 520px;
  }
}

@media (max-width: 1000px) {
  .c-sl {
    width: 100%;
  }
}

@media (max-width: 650px) {
  .de-sli {
    width: 100%;
    max-width: 280px;
  }
}

@media (max-width: 650px) {
  #detail-card {
    width: 100%;
  }
}

@media (max-width: 650px) {
  .car-tm {
    width: 100%;
  }
}

@media (max-width: 650px) {
  .cot-a-a {
    font-size: 35px;
  }
}

@media (max-width: 1000px) {
  .out-sli {
    width: 100%;
    max-width: 520px;
  }
}

@media (max-width: 650px) {
  .out-sli {
    width: 100%;
    max-width: 280px;
  }
}

@media (max-width: 1000px) {
  .c-out-sl {
    width: 100%;
  }
}

@media (max-width: 1000px) {
  .cc-sde {
    width: 100%;
  }
}

@media (max-width: 1000px) {
  .c-de-dd {
    width: 100%;
  }
}

@media (max-width: 1000px) {
  .ff-c {
    width: 100%;
    max-width: 300px;
    margin: auto;
    margin-top: 32px;
  }
}

@media (max-width: 650px) {
  .ff-c {
    max-width: 100%;
  }
}

@media (max-width: 1000px) {
  .mm-dd {
    width: 100%;
  }
}

@media (max-width: 769px) {
  .fff-in {
    width: 100%;
  }
}

@media (max-width: 769px) {
  .cc-m-cvv {
    padding-top: 48px;
  }
}

#my-account-mobile {
  display: hide;
}
/* @media (max-width: 1000px) {
  #my-account-mobile {
    display: inline-block !important;
  }
} */

/* @media (max-width: 1000px) {
  #my-account {
    display: none;
  }
} */

/* @media (max-width: 1000px) {
  #login {
    display: none;
  }
} */

.menumobile {
  width: 100%;
  padding: 20px 24px;
}
.menumobile li {
  font-size: 14px;
  font-family: "Lato", sans-serif;
  color: #000;
  font-weight: 700;
}
.menumobile li a {
  padding: 20px 0;
  font-size: 14px;
  display: inline-block;
  font-family: "Lato", sans-serif;
  font-weight: 400;
  color: #000;
  font-weight: 700;
}

.despl {
  height: 57px;
  overflow: hidden;
  padding: 20px 0;
  position: relative;
}
.despl:before {
  content: "▼";
  font-size: 20px;
  position: absolute;
  right: 0;
  top: 15px;
}
.despl .submenumobile {
  display: none;
}
.despl .submenumobile li {
  padding-left: 8px;
}
.despl .submenumobile li a {
  font-weight: 400;
}
.despl .submenumobile li:first-child {
  margin-top: 16px;
}
.despl.active {
  height: auto;
}
.despl.active:before {
  content: "▲";
}
.despl.active .submenumobile {
  display: inline;
}

#mb {
  display: none;
}
@media (max-width: 1023px) {
  #mb {
    display: inline-block;
  }
}

@media (max-width: 650px) {
  #content-register {
    margin-top: 65px;
    padding-bottom: 32px;
    height: calc(100% - 75px);
    overflow-y: scroll;
  }
}

@media (max-width: 650px) {
  .or-i {
    width: 100%;
    text-align: center;
    margin-bottom: 16px;
  }
}

@media (max-width: 650px) {
  .or-d {
    width: 100%;
    padding-left: 0;
    margin-bottom: 16px;
  }
}

@media (max-width: 650px) {
  .or-fac {
    width: 100%;
    max-width: 100%;
  }
}

@media (max-width: 650px) {
  .or-mb-0 {
    margin-bottom: 0;
  }
}

@media (max-width: 650px) {
  .my-account-menu ul li {
    padding: 8px 0;
  }
}

.pend {
  color: silver;
  background-color: rgba(192, 192, 192, 0.425);
  border: 1px solid silver;
  padding: 2px 4px;
  border-radius: 16px;
}

.anul {
  color: red;
  background-color: rgba(255, 0, 0, 0.425);
  border: 1px solid red;
  padding: 2px 4px;
  border-radius: 16px;
}

.pagad {
  color: green;
  background-color: rgba(0, 128, 0, 0.418);
  border: 1px solid green;
  padding: 2px 4px;
  border-radius: 16px;
}

.pend-env {
  color: orange;
  background-color: rgba(255, 166, 0, 0.438);
  border: 1px solid orange;
  padding: 2px 4px;
  border-radius: 16px;
}

.env {
  color: blue;
  background-color: rgba(0, 0, 255, 0.425);
  border: 1px solid blue;
  padding: 2px 4px;
  border-radius: 16px;
}

.balance-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -ms-flex-pack: space-between;
  border-radius: 8px 8px 8px 8px;
  background: #fff;
  overflow: hidden;
  z-index: 1;
}
.balance-tabs-border-white {
  border: 2px solid #fff;
}
.balance-tabs-items {
  width: 50%;
  background: #001F5A;
  -webkit-transition: 0.2s ease-in;
  transition: 0.2s ease-in;
}
.balance-tabs-items p {
  font-size: 18px;
  color: white;
  font-family: "flexobold";
  text-align: center;
  line-height: 48px;
  -webkit-transition: 0.2s ease-in;
  transition: 0.2s ease-in;
}
.balance-tabs-items.active {
  background: white;
  -webkit-transition: 0.2s ease-in;
  transition: 0.2s ease-in;
}
.balance-tabs-items.active p {
  color: #002A8D;
  -webkit-transition: 0.2s ease-in;
  transition: 0.2s ease-in;
}

.card-select-currency {
  position: relative;
  background-color: #fff;
  border-radius: 8px 8px 8px 8px;
  width: 304px;
  padding: 28px 0 60px 24px;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.card-select-currency.active {
  background: rgba(229, 231, 235, 0.7);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.keyboards .shortcuts {
  text-align: center;
  margin-bottom: 16px;
}
.keyboards .shortcuts ul {
  padding: 0;
  margin: 0;
}
.keyboards .shortcuts ul li {
  width: 164px;
  height: 44px;
  background: #0A47F0;
  font-size: 18px;
  font-family: "flexodemi";
  color: #fff;
  display: inline-block;
  margin: 0 3px;
  border-radius: 4px;
  text-align: center;
  padding: 11px 0;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.keyboards .shortcuts ul li.key.active {
  color: #fff !important;
  background: #FF7800 !important;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.keyboards .letter {
  text-align: center;
}
.keyboards .letter ul {
  margin: 0;
  padding: 0;
}
.keyboards .letter ul li {
  width: 58px;
  height: 58px;
  line-height: 28px;
  display: inline-block;
  padding: 18px 0;
  margin: 0 4px 8px;
  border-radius: 4px;
  font-size: 24px;
  text-align: center;
  font-family: "flexodemi";
  background: #fff;
  color: #000;
  position: relative;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.keyboards .letter ul li.lg {
  width: 142px;
}
.keyboards .letter ul li.mayus {
  width: 142px;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.keyboards .letter ul li.mayus.active {
  color: #fff !important;
  background: #3D77FF !important;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.keyboards .letter ul li.space {
  width: 444px;
}
.keyboards .letter ul li.clean {
  width: 142px;
  padding-left: 56px;
  text-align: left;
}
.keyboards .letter ul li.clean img {
  position: absolute;
  left: 16px;
  top: 14px;
}
.keyboards .letter ul li.clean img:nth-child(1) {
  display: inline-block;
}
.keyboards .letter ul li.clean img:nth-child(2) {
  display: none;
}
.keyboards .letter ul li.clean.active {
  color: #fff !important;
  background: #FF7800 !important;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.keyboards .letter ul li.clean.active img:nth-child(1) {
  display: none;
}
.keyboards .letter ul li.clean.active img:nth-child(2) {
  display: inline-block;
}
.keyboards .letter ul li.key.active {
  color: #fff !important;
  background: #FF7800 !important;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}

.keyboards-complete .shortcuts {
  text-align: center;
  margin-bottom: 16px;
}
.keyboards-complete .shortcuts ul {
  padding: 0;
  margin: 0;
}
.keyboards-complete .shortcuts ul li {
  width: 142px;
  height: 36px;
  background: #0A47F0;
  font-size: 16px;
  font-family: "flexodemi";
  color: #fff;
  display: inline-block;
  margin: 0 3px;
  border-radius: 4px;
  text-align: center;
  padding: 8px 0;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.keyboards-complete .shortcuts ul li.key.active {
  color: #fff !important;
  background: #FF7800 !important;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.keyboards-complete .letter {
  text-align: center;
}
.keyboards-complete .letter ul {
  margin: 0;
  padding: 0;
}
.keyboards-complete .letter ul li {
  width: 50px;
  height: 50px;
  line-height: 28px;
  display: inline-block;
  padding: 12px 0;
  margin: 0 4px 6px 0;
  border-radius: 4px;
  font-size: 24px;
  text-align: center;
  font-family: "flexodemi";
  background: #fff;
  color: #000;
  position: relative;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.keyboards-complete .letter ul li.lg {
  width: 115px;
}
.keyboards-complete .letter ul li.mayus {
  width: 142px;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.keyboards-complete .letter ul li.mayus.active {
  color: #fff !important;
  background: #3D77FF !important;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.keyboards-complete .letter ul li.space {
  width: 444px;
}
.keyboards-complete .letter ul li.clean {
  width: 117px;
  padding-left: 48px;
  font-size: 20px;
  text-align: left;
}
.keyboards-complete .letter ul li.clean img {
  position: absolute;
  left: 16px;
  top: 12px;
}
.keyboards-complete .letter ul li.clean img:nth-child(1) {
  display: inline-block;
}
.keyboards-complete .letter ul li.clean img:nth-child(2) {
  display: none;
}
.keyboards-complete .letter ul li.clean.active {
  color: #fff !important;
  background: #FF7800 !important;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.keyboards-complete .letter ul li.clean.active img:nth-child(1) {
  display: none;
}
.keyboards-complete .letter ul li.clean.active img:nth-child(2) {
  display: inline-block;
}
.keyboards-complete .letter ul li.key.active {
  color: #fff !important;
  background: #FF7800 !important;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}

.keyboards-otp .letter {
  text-align: center;
}
.keyboards-otp .letter ul {
  margin: 0;
  padding: 0;
}
.keyboards-otp .letter ul li {
  width: 88px;
  height: 52px;
  line-height: 28px;
  display: inline-block;
  padding: 12px 0;
  margin: 0 9px 9px 0;
  border-radius: 4px;
  font-size: 32px;
  text-align: center;
  font-family: "flexobold";
  background: #fff;
  color: #000;
  position: relative;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.keyboards-otp .letter ul li.clean {
  width: 88px;
  height: 52px;
  line-height: 28px;
  font-size: 32px;
  color: transparent;
  background: none !important;
}
.keyboards-otp .letter ul li.clean img {
  position: absolute;
  left: 24px;
  top: 8px;
}
.keyboards-otp .letter ul li.clean img:nth-child(1) {
  display: inline-block;
}
.keyboards-otp .letter ul li.clean img:nth-child(2) {
  display: none;
}
.keyboards-otp .letter ul li.clean.key.active {
  color: transparent !important;
  background: transparent !important;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.keyboards-otp .letter ul li.clean.key.active img:nth-child(1) {
  display: none;
}
.keyboards-otp .letter ul li.clean.key.active img:nth-child(2) {
  display: inline-block;
}
.keyboards-otp .letter ul li.key.active {
  color: #fff !important;
  background: #FF7800 !important;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}

.keyboards-phone .letter {
  text-align: center;
}
.keyboards-phone .letter ul {
  margin: 0;
  padding: 0;
}
.keyboards-phone .letter ul li {
  width: 88px;
  height: 52px;
  line-height: 28px;
  display: inline-block;
  padding: 12px 0;
  margin: 0 9px 9px 0;
  border-radius: 4px;
  font-size: 32px;
  text-align: center;
  font-family: "flexobold";
  background: #fff;
  color: #000;
  position: relative;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.keyboards-phone .letter ul li.clean {
  width: 88px;
  height: 52px;
  line-height: 28px;
  font-size: 32px;
  color: transparent;
  background: none !important;
}
.keyboards-phone .letter ul li.clean img {
  position: absolute;
  left: 24px;
  top: 8px;
}
.keyboards-phone .letter ul li.clean img:nth-child(1) {
  display: inline-block;
}
.keyboards-phone .letter ul li.clean img:nth-child(2) {
  display: none;
}
.keyboards-phone .letter ul li.clean.key.active {
  color: transparent !important;
  background: transparent !important;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.keyboards-phone .letter ul li.clean.key.active img:nth-child(1) {
  display: none;
}
.keyboards-phone .letter ul li.clean.key.active img:nth-child(2) {
  display: inline-block;
}
.keyboards-phone .letter ul li.key.active {
  color: #fff !important;
  background: #FF7800 !important;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}

.keyboards-new-pin-4 .letter {
  text-align: center;
}
.keyboards-new-pin-4 .letter ul {
  margin: 0;
  padding: 0;
}
.keyboards-new-pin-4 .letter ul li {
  width: 88px;
  height: 52px;
  line-height: 28px;
  display: inline-block;
  padding: 12px 0;
  margin: 0 9px 9px 0;
  border-radius: 4px;
  font-size: 32px;
  text-align: center;
  font-family: "flexobold";
  background: #fff;
  color: #000;
  position: relative;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.keyboards-new-pin-4 .letter ul li.clean {
  width: 88px;
  height: 52px;
  line-height: 28px;
  font-size: 32px;
  color: transparent;
  background: none !important;
}
.keyboards-new-pin-4 .letter ul li.clean img {
  position: absolute;
  left: 24px;
  top: 8px;
}
.keyboards-new-pin-4 .letter ul li.clean img:nth-child(1) {
  display: inline-block;
}
.keyboards-new-pin-4 .letter ul li.clean img:nth-child(2) {
  display: none;
}
.keyboards-new-pin-4 .letter ul li.clean.key.active {
  color: transparent !important;
  background: transparent !important;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.keyboards-new-pin-4 .letter ul li.clean.key.active img:nth-child(1) {
  display: none;
}
.keyboards-new-pin-4 .letter ul li.clean.key.active img:nth-child(2) {
  display: inline-block;
}
.keyboards-new-pin-4 .letter ul li.key.active {
  color: #fff !important;
  background: #FF7800 !important;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}

.keyboards-new-pin-6 .letter {
  text-align: center;
}
.keyboards-new-pin-6 .letter ul {
  margin: 0;
  padding: 0;
}
.keyboards-new-pin-6 .letter ul li {
  width: 88px;
  height: 52px;
  line-height: 28px;
  display: inline-block;
  padding: 12px 0;
  margin: 0 9px 9px 0;
  border-radius: 4px;
  font-size: 32px;
  text-align: center;
  font-family: "flexobold";
  background: #fff;
  color: #000;
  position: relative;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.keyboards-new-pin-6 .letter ul li.clean {
  width: 88px;
  height: 52px;
  line-height: 28px;
  font-size: 32px;
  color: transparent;
  background: none !important;
}
.keyboards-new-pin-6 .letter ul li.clean img {
  position: absolute;
  left: 24px;
  top: 8px;
}
.keyboards-new-pin-6 .letter ul li.clean img:nth-child(1) {
  display: inline-block;
}
.keyboards-new-pin-6 .letter ul li.clean img:nth-child(2) {
  display: none;
}
.keyboards-new-pin-6 .letter ul li.clean.key.active {
  color: transparent !important;
  background: transparent !important;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.keyboards-new-pin-6 .letter ul li.clean.key.active img:nth-child(1) {
  display: none;
}
.keyboards-new-pin-6 .letter ul li.clean.key.active img:nth-child(2) {
  display: inline-block;
}
.keyboards-new-pin-6 .letter ul li.key.active {
  color: #fff !important;
  background: #FF7800 !important;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}

.keyboards-occupation .shortcuts {
  text-align: center;
  margin-bottom: 16px;
}
.keyboards-occupation .shortcuts ul {
  padding: 0;
  margin: 0;
}
.keyboards-occupation .shortcuts ul li {
  width: 142px;
  height: 36px;
  background: #0A47F0;
  font-size: 16px;
  font-family: "flexodemi";
  color: #fff;
  display: inline-block;
  margin: 0 3px;
  border-radius: 4px;
  text-align: center;
  padding: 8px 0;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.keyboards-occupation .shortcuts ul li.key.active {
  color: #fff !important;
  background: #FF7800 !important;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.keyboards-occupation .letter {
  text-align: center;
}
.keyboards-occupation .letter ul {
  margin: 0;
  padding: 0;
}
.keyboards-occupation .letter ul li {
  width: 50px;
  height: 50px;
  line-height: 28px;
  display: inline-block;
  padding: 12px 0;
  margin: 0 4px 6px 0;
  border-radius: 4px;
  font-size: 24px;
  text-align: center;
  font-family: "flexodemi";
  background: #fff;
  color: #000;
  position: relative;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.keyboards-occupation .letter ul li.lg {
  width: 115px;
}
.keyboards-occupation .letter ul li.mayus {
  width: 142px;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.keyboards-occupation .letter ul li.mayus.active {
  color: #fff !important;
  background: #3D77FF !important;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.keyboards-occupation .letter ul li.space {
  width: 444px;
}
.keyboards-occupation .letter ul li.clean {
  width: 117px;
  padding-left: 48px;
  font-size: 20px;
  text-align: left;
}
.keyboards-occupation .letter ul li.clean img {
  position: absolute;
  left: 16px;
  top: 12px;
}
.keyboards-occupation .letter ul li.clean img:nth-child(1) {
  display: inline-block;
}
.keyboards-occupation .letter ul li.clean img:nth-child(2) {
  display: none;
}
.keyboards-occupation .letter ul li.clean.active {
  color: #fff !important;
  background: #FF7800 !important;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.keyboards-occupation .letter ul li.clean.active img:nth-child(1) {
  display: none;
}
.keyboards-occupation .letter ul li.clean.active img:nth-child(2) {
  display: inline-block;
}
.keyboards-occupation .letter ul li.key.active {
  color: #fff !important;
  background: #FF7800 !important;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}

.keyboards-company .shortcuts {
  text-align: center;
  margin-bottom: 16px;
}
.keyboards-company .shortcuts ul {
  padding: 0;
  margin: 0;
}
.keyboards-company .shortcuts ul li {
  width: 142px;
  height: 36px;
  background: #0A47F0;
  font-size: 16px;
  font-family: "flexodemi";
  color: #fff;
  display: inline-block;
  margin: 0 3px;
  border-radius: 4px;
  text-align: center;
  padding: 8px 0;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.keyboards-company .shortcuts ul li.key.active {
  color: #fff !important;
  background: #FF7800 !important;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.keyboards-company .letter {
  text-align: center;
}
.keyboards-company .letter ul {
  margin: 0;
  padding: 0;
}
.keyboards-company .letter ul li {
  width: 50px;
  height: 50px;
  line-height: 28px;
  display: inline-block;
  padding: 12px 0;
  margin: 0 4px 6px 0;
  border-radius: 4px;
  font-size: 24px;
  text-align: center;
  font-family: "flexodemi";
  background: #fff;
  color: #000;
  position: relative;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.keyboards-company .letter ul li.lg {
  width: 115px;
}
.keyboards-company .letter ul li.mayus {
  width: 142px;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.keyboards-company .letter ul li.mayus.active {
  color: #fff !important;
  background: #3D77FF !important;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.keyboards-company .letter ul li.space {
  width: 444px;
}
.keyboards-company .letter ul li.clean {
  width: 117px;
  padding-left: 48px;
  font-size: 20px;
  text-align: left;
}
.keyboards-company .letter ul li.clean img {
  position: absolute;
  left: 16px;
  top: 12px;
}
.keyboards-company .letter ul li.clean img:nth-child(1) {
  display: inline-block;
}
.keyboards-company .letter ul li.clean img:nth-child(2) {
  display: none;
}
.keyboards-company .letter ul li.clean.active {
  color: #fff !important;
  background: #FF7800 !important;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.keyboards-company .letter ul li.clean.active img:nth-child(1) {
  display: none;
}
.keyboards-company .letter ul li.clean.active img:nth-child(2) {
  display: inline-block;
}
.keyboards-company .letter ul li.key.active {
  color: #fff !important;
  background: #FF7800 !important;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}

.keyboards-error-chip .letter {
  text-align: center;
}
.keyboards-error-chip .letter ul {
  margin: 0;
  padding: 0;
}
.keyboards-error-chip .letter ul li {
  width: 88px;
  height: 52px;
  line-height: 28px;
  display: inline-block;
  padding: 12px 0;
  margin: 0 9px 9px 0;
  border-radius: 4px;
  font-size: 32px;
  text-align: center;
  font-family: "flexobold";
  background: #fff;
  color: #000;
  position: relative;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.keyboards-error-chip .letter ul li.clean {
  width: 88px;
  height: 52px;
  line-height: 28px;
  font-size: 32px;
  color: transparent;
  background: none !important;
}
.keyboards-error-chip .letter ul li.clean img {
  position: absolute;
  left: 24px;
  top: 8px;
}
.keyboards-error-chip .letter ul li.clean img:nth-child(1) {
  display: inline-block;
}
.keyboards-error-chip .letter ul li.clean img:nth-child(2) {
  display: none;
}
.keyboards-error-chip .letter ul li.clean.key.active {
  color: transparent !important;
  background: transparent !important;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.keyboards-error-chip .letter ul li.clean.key.active img:nth-child(1) {
  display: none;
}
.keyboards-error-chip .letter ul li.clean.key.active img:nth-child(2) {
  display: inline-block;
}
.keyboards-error-chip .letter ul li.key.active {
  color: #fff !important;
  background: #FF7800 !important;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}

.keyboards-pin-4 .letter {
  text-align: center;
}
.keyboards-pin-4 .letter ul {
  margin: 0;
  padding: 0;
}
.keyboards-pin-4 .letter ul li {
  width: 88px;
  height: 52px;
  line-height: 28px;
  display: inline-block;
  padding: 12px 0;
  margin: 0 9px 9px 0;
  border-radius: 4px;
  font-size: 32px;
  text-align: center;
  font-family: "flexobold";
  background: #fff;
  color: #000;
  position: relative;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.keyboards-pin-4 .letter ul li.clean {
  width: 88px;
  height: 52px;
  line-height: 28px;
  font-size: 32px;
  color: transparent;
  background: none !important;
}
.keyboards-pin-4 .letter ul li.clean img {
  position: absolute;
  left: 24px;
  top: 8px;
}
.keyboards-pin-4 .letter ul li.clean img:nth-child(1) {
  display: inline-block;
}
.keyboards-pin-4 .letter ul li.clean img:nth-child(2) {
  display: none;
}
.keyboards-pin-4 .letter ul li.clean.key.active {
  color: transparent !important;
  background: transparent !important;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.keyboards-pin-4 .letter ul li.clean.key.active img:nth-child(1) {
  display: none;
}
.keyboards-pin-4 .letter ul li.clean.key.active img:nth-child(2) {
  display: inline-block;
}
.keyboards-pin-4 .letter ul li.key.active {
  color: #fff !important;
  background: #FF7800 !important;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}

.keyboards-pin-6 .letter {
  text-align: center;
}
.keyboards-pin-6 .letter ul {
  margin: 0;
  padding: 0;
}
.keyboards-pin-6 .letter ul li {
  width: 88px;
  height: 52px;
  line-height: 28px;
  display: inline-block;
  padding: 12px 0;
  margin: 0 9px 9px 0;
  border-radius: 4px;
  font-size: 32px;
  text-align: center;
  font-family: "flexobold";
  background: #fff;
  color: #000;
  position: relative;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.keyboards-pin-6 .letter ul li.clean {
  width: 88px;
  height: 52px;
  line-height: 28px;
  font-size: 32px;
  color: transparent;
  background: none !important;
}
.keyboards-pin-6 .letter ul li.clean img {
  position: absolute;
  left: 24px;
  top: 8px;
}
.keyboards-pin-6 .letter ul li.clean img:nth-child(1) {
  display: inline-block;
}
.keyboards-pin-6 .letter ul li.clean img:nth-child(2) {
  display: none;
}
.keyboards-pin-6 .letter ul li.clean.key.active {
  color: transparent !important;
  background: transparent !important;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.keyboards-pin-6 .letter ul li.clean.key.active img:nth-child(1) {
  display: none;
}
.keyboards-pin-6 .letter ul li.clean.key.active img:nth-child(2) {
  display: inline-block;
}
.keyboards-pin-6 .letter ul li.key.active {
  color: #fff !important;
  background: #FF7800 !important;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}

.keyboards-pin-otp .letter {
  text-align: center;
}
.keyboards-pin-otp .letter ul {
  margin: 0;
  padding: 0;
}
.keyboards-pin-otp .letter ul li {
  width: 88px;
  height: 52px;
  line-height: 28px;
  display: inline-block;
  padding: 12px 0;
  margin: 0 9px 9px 0;
  border-radius: 4px;
  font-size: 32px;
  text-align: center;
  font-family: "flexobold";
  background: #fff;
  color: #000;
  position: relative;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.keyboards-pin-otp .letter ul li.clean {
  width: 88px;
  height: 52px;
  line-height: 28px;
  font-size: 32px;
  color: transparent;
  background: none !important;
}
.keyboards-pin-otp .letter ul li.clean img {
  position: absolute;
  left: 24px;
  top: 8px;
}
.keyboards-pin-otp .letter ul li.clean img:nth-child(1) {
  display: inline-block;
}
.keyboards-pin-otp .letter ul li.clean img:nth-child(2) {
  display: none;
}
.keyboards-pin-otp .letter ul li.clean.key.active {
  color: transparent !important;
  background: transparent !important;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.keyboards-pin-otp .letter ul li.clean.key.active img:nth-child(1) {
  display: none;
}
.keyboards-pin-otp .letter ul li.clean.key.active img:nth-child(2) {
  display: inline-block;
}
.keyboards-pin-otp .letter ul li.key.active {
  color: #fff !important;
  background: #FF7800 !important;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}

.keyboards-emergency .letter {
  text-align: center;
}
.keyboards-emergency .letter ul {
  margin: 0;
  padding: 0;
}
.keyboards-emergency .letter ul li {
  width: 88px;
  height: 52px;
  line-height: 28px;
  display: inline-block;
  padding: 12px 0;
  margin: 0 9px 9px 0;
  border-radius: 4px;
  font-size: 32px;
  text-align: center;
  font-family: "flexobold";
  background: #fff;
  color: #000;
  position: relative;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.keyboards-emergency .letter ul li.clean {
  width: 88px;
  height: 52px;
  line-height: 28px;
  font-size: 32px;
  color: transparent;
  background: none !important;
}
.keyboards-emergency .letter ul li.clean img {
  position: absolute;
  left: 24px;
  top: 8px;
}
.keyboards-emergency .letter ul li.clean img:nth-child(1) {
  display: inline-block;
}
.keyboards-emergency .letter ul li.clean img:nth-child(2) {
  display: none;
}
.keyboards-emergency .letter ul li.clean.key.active {
  color: transparent !important;
  background: transparent !important;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.keyboards-emergency .letter ul li.clean.key.active img:nth-child(1) {
  display: none;
}
.keyboards-emergency .letter ul li.clean.key.active img:nth-child(2) {
  display: inline-block;
}
.keyboards-emergency .letter ul li.key.active {
  color: #fff !important;
  background: #FF7800 !important;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}

.statement-card-month.month-active {
  border: 4px solid #3D77FF !important;
}
.statement-card-month.month-active .check-active {
  display: block !important;
}

.breadcrumb {
  position: absolute;
  top: 40px;
  left: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -moz-align-items: center;
  -ms-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.breadcrumb.breadcrumb-dark div p {
  color: #002A8D;
}
.breadcrumb div {
  padding-left: 16px;
}
.breadcrumb div p {
  font-size: 20px;
  display: block;
  color: #fff;
  font-family: "flexodemi";
}

input[type=text]::-ms-clear {
  display: none;
}

.input-data {
  width: 329px;
  height: 80px;
  background: transparent;
  border-radius: 16px;
  position: relative;
  padding: 0px 24px 8px;
  font-size: 36px;
  border: solid 2px #fff;
  color: #fff;
  letter-spacing: 5px;
}

.input-data-pin {
  width: 384px;
  height: 80px;
  background: transparent;
  border-radius: 16px;
  position: relative;
  padding: 0px 24px 8px;
  font-size: 36px;
  border: solid 2px #fff;
  color: #fff;
  letter-spacing: 5px;
}

.input-data-change-email {
  width: 384px;
  height: 80px;
  border-radius: 16px;
  position: relative;
  padding: 0px 24px 8px;
  font-size: 24px;
  font-family: "flexodemi";
  border: solid 2px #fff;
  color: #fff;
}

.input-update-email {
  width: 436px;
  height: 80px;
  border-radius: 16px;
  position: relative;
  padding: 6px 24px 8px;
  font-size: 24px;
  font-family: "flexodemi";
  border: solid 2px #fff;
  color: #fff;
}

.input-update-phone {
  width: 436px;
  height: 80px;
  border-radius: 16px;
  position: relative;
  padding: 6px 24px 8px;
  font-size: 24px;
  font-family: "flexodemi";
  border: solid 2px #fff;
  color: #fff;
}

.input-data-otp {
  width: 60px;
  height: 80px;
  border-radius: 16px;
  position: relative;
  text-align: center;
  margin: 0 10px;
  font-size: 24px;
  font-family: "flexodemi";
  border: solid 2px #fff;
  color: #fff;
}

.input-put-number-card,
.input-number-card {
  width: 60px;
  height: 80px;
  border-radius: 16px;
  position: relative;
  text-align: center;
  margin: 0 10px;
  font-size: 24px;
  font-family: "flexodemi";
  border: solid 2px #fff;
  color: #fff;
}

.input-validate-openning-otp {
  width: 356px;
  height: 80px;
  border-radius: 16px;
  position: relative;
  padding: 6px 24px 8px;
  font-size: 24px;
  font-family: "flexodemi";
  border: solid 2px #fff;
  color: #fff;
}

.btn {
  border-radius: 32px 32px 32px 32px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -moz-align-items: center;
  -ms-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-pack: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.btn .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -moz-align-items: center;
  -ms-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-pack: center;
  height: 100%;
}
.btn .title img {
  position: relative;
  margin-left: 4px;
  margin-right: 4px;
}
.btn-all-disabled {
  background: #fff;
  pointer-events: none;
}
.btn-all-disabled.active {
  background: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.btn-all-disabled .title h4 {
  color: #BFC4CC;
  font-family: "flexodemi";
}
.btn-ghost {
  background: none;
}
.btn-ghost.active {
  background: rgba(229, 231, 235, 0.16);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.btn-ghost .title h4 {
  color: #fff;
  font-family: "flexodemi";
}
.btn-silver {
  background: none;
}
.btn-silver.active {
  background: rgba(139, 139, 139, 0.16);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.btn-silver .title h4 {
  color: #000;
  font-family: "flexodemi";
}
.btn-disabled {
  background: #002473;
}
.btn-disabled.active {
  background: #FF7800;
  border: 2px solid #FF7800 !important;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.btn-disabled.active .title h4 {
  color: #fff !important;
}
.btn-disabled .title h4 {
  color: #BFC4CC;
  font-family: "flexodemi";
}
.btn-default {
  background: #EFF0F2;
  pointer-events: none;
}
.btn-default .title h4 {
  color: #ACB2BD;
  font-family: "flexobold";
}
.btn-ligth {
  background: #fff;
}
.btn-ligth.active {
  background: #ACB2BD;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.btn-ligth .title h4 {
  color: #000;
  font-family: "flexodemi";
}
.btn-secondary {
  background: #FF7800;
}
.btn-secondary.active {
  background: #d15600;
  border: 2px solid #d15600 !important;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.btn-secondary .title h4 {
  color: #fff;
  font-family: "flexobold";
}
.btn-enabled {
  background: #fff;
}
.btn-enabled.active {
  background: #D2D5DC;
  border: 2px solid #ACB2BD !important;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.btn-enabled .title h4 {
  color: #4D5B70;
  font-family: "flexobold";
}
.btn-enabled-dark {
  background: #fff;
}
.btn-enabled-dark.active {
  background: #D2D5DC;
  border: 2px solid #ACB2BD !important;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.btn-enabled-dark .title h4 {
  color: #000;
  font-family: "flexobold";
}
.btn-border-enabled {
  border: 2px solid #99A1AD;
}
.btn-border-ligth {
  border: 2px solid #fff;
}
.btn-border-silver {
  border: 2px solid #ACB2BD;
}
.btn-border-secondary {
  border: 2px solid #FF7800;
}
.btn-border-disabled {
  border: 2px solid #002DA0;
}
.btn-border-default {
  border: 2px solid #EFF0F2 !important;
}
.btn-border-all-disabled {
  border: 2px solid #D2D5DC !important;
}
.btn-x-small {
  width: 140px;
}
.btn-x-small .title h4 {
  font-size: 18px;
}
.btn-small {
  width: 180px;
}
.btn-small .title h4 {
  font-size: 20px;
}
.btn-medium {
  width: 220px;
}
.btn-medium .title h4 {
  font-size: 24px;
}
.btn-large {
  width: 352px;
}
.btn-large .title h4 {
  font-size: 24px;
}

.btn-card {
  border-radius: 8px 8px 8px 8px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 23px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -moz-align-items: center;
  -ms-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -ms-flex-pack: flex-start;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.btn-card .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -moz-align-items: center;
  -ms-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-pack: center;
  height: 100%;
}
.btn-card .title img {
  position: relative;
  margin-left: 4px;
  margin-right: 4px;
}
.btn-card-ligth {
  background: #fff;
}
.btn-card-ligth .title h4 {
  color: #000;
  font-size: 20px;
  font-family: "flexobold";
}
.btn-card-ligth.default {
  background: rgba(255, 255, 255, 0.2);
  pointer-events: none;
}
.btn-card-ligth.default .title h4 {
  color: #BFC4CC;
}

.btn-eye {
  border-radius: 32px 32px 32px 32px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -moz-align-items: center;
  -ms-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-pack: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.btn-eye .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -moz-align-items: center;
  -ms-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-pack: center;
  height: 100%;
}
.btn-eye .title img {
  position: relative;
  margin-left: 4px;
  margin-right: 4px;
}
.btn-eye .title img:first-child {
  display: none;
}
.btn-eye .title img:nth-child(2) {
  display: inline-block;
}
.btn-eye.active .title img:first-child {
  display: inline-block;
}
.btn-eye.active .title img:nth-child(2) {
  display: none;
}
.btn-eye-ghost {
  background: none;
}
.btn-eye-ghost .title h4 {
  color: #fff;
  font-family: "flexodemi";
}
.btn-eye-border-ligth {
  border: 2px solid #fff;
}
.btn-eye-x-small {
  width: 167px;
}
.btn-eye-x-small .title h4 {
  font-size: 18px;
}

.btn-select-card {
  border-radius: 10px 10px 10px 10px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -moz-align-items: center;
  -ms-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-pack: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.btn-select-card .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -moz-align-items: center;
  -ms-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-pack: center;
  height: 100%;
}
.btn-select-card .title img {
  position: relative;
  margin-left: 4px;
  margin-right: 4px;
}
.btn-select-card-secondary {
  background: #FF7800;
}
.btn-select-card-secondary.active {
  background: #d15600;
  border: 2px solid #d15600 !important;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.btn-select-card-secondary .title h4 {
  color: #fff;
  font-family: "flexobold";
}
.btn-select-card-secondary.desactive {
  background: #EFF0F2 !important;
  border: 2px solid #EFF0F2 !important;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: none !important;
}
.btn-select-card-secondary.desactive .title h4 {
  color: #99A1AD !important;
}
.btn-select-card-border-secondary {
  border: 2px solid #FF7800;
}
.btn-select-card-large {
  width: 179px;
}
.btn-select-card-large .title h4 {
  font-size: 16px;
}

#lottie-get-card-classic {
  width: 370px;
  height: 598px;
}

#lottie-get-card-business {
  width: 370px;
  height: 598px;
}

#lottie-loading-white #lottie {
  width: 32px;
  height: 32px;
}

#lottie-loading-slider #lottie {
  width: 45px;
  height: 45px;
}

#lottie-loading-progress #lottie {
  width: 86px;
  height: 86px;
  margin: auto;
}

#lottie-insert-card-classic {
  width: 420px;
  height: 586px;
  overflow: hidden;
}

#lottie-insert-card-business {
  width: 420px;
  height: 586px;
  overflow: hidden;
}

#lottie-check-green {
  width: 110px;
  height: 110px;
  margin: auto;
}

.lottie-new-notification {
  width: 40px;
  height: 40px;
  margin: auto;
}

#lottie-loading-black {
  width: 32px;
  height: 32px;
}

#lottie-animate-ksk {
  width: 400px;
  height: 772px;
}

#finger-animation-1,
#finger-animation-2,
#finger-animation-3,
#finger-animation-4,
#finger-animation-5,
#finger-animation-6,
#finger-animation-7,
#finger-animation-8,
#finger-animation-9,
#finger-animation-10 {
  width: 550px;
  height: 793px;
}

#finger-lector-1,
#finger-lector-3,
#finger-lector-4,
#finger-lector-5,
#finger-lector-6,
#finger-lector-7,
#finger-lector-8,
#finger-lector-9,
#finger-lector-10 {
  width: 430px;
  height: 621px;
}

#finger-lector-2 {
  width: 700px;
  height: 704px;
}

#lottie-animate-pickup-card {
  width: 442px;
  height: 638px;
}

#lottie-hand-with-card {
  width: 180px;
  height: 180px;
  margin: auto;
}

#finger-animation-left,
#finger-animation-right {
  width: 715px;
  height: 726px;
}

#animate-bullet {
  width: 120px;
  height: 124px;
}

#loading-finger-print {
  width: 159px;
  height: 176px;
}

.loading-dots .one,
.loading-dots .two,
.loading-dots .three {
  padding: 0 2px;
}

.loading-dots .one {
  opacity: 0;
  -webkit-animation: dot 1.3s infinite;
  -webkit-animation-delay: 0s;
  animation: dot 1.3s infinite;
  animation-delay: 0s;
}

.loading-dots .two {
  opacity: 0;
  -webkit-animation: dot 1.3s infinite;
  -webkit-animation-delay: 0.2s;
  animation: dot 1.3s infinite;
  animation-delay: 0.2s;
}

.loading-dots .three {
  opacity: 0;
  -webkit-animation: dot 1.3s infinite;
  -webkit-animation-delay: 0.3s;
  animation: dot 1.3s infinite;
  animation-delay: 0.3s;
}

@-webkit-keyframes dot {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes dot {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.data-coverages {
  display: none;
}
.data-coverages.active {
  display: block;
}
.data-coverages ul li {
  font-size: 16px;
  color: #000;
  font-family: "flexobold";
  margin-bottom: 28px;
}
.data-coverages ul li span {
  display: block;
  padding-top: 10px;
  font-size: 16px;
  font-family: "flexo";
}
.data-coverages ul li:last-child {
  margin-bottom: 0;
}

.data-exclusions {
  display: none;
}
.data-exclusions.active {
  display: block;
}
.data-exclusions ul li {
  font-size: 16px;
  color: #000;
  font-family: "flexo";
  margin-bottom: 28px;
}
.data-exclusions ul li:last-child {
  margin-bottom: 0;
}

.content-tabs-coverages-and-exclusions .tab-insurance {
  width: 205px;
  height: 52px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-pack: center;
  border: 2px solid #002A8D;
  overflow: hidden;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.content-tabs-coverages-and-exclusions .tab-insurance.active {
  background: #002A8D;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.content-tabs-coverages-and-exclusions .tab-insurance.active h4 {
  color: #fff;
}
.content-tabs-coverages-and-exclusions .tab-insurance:first-child {
  border-radius: 8px 0px 0px 8px;
}
.content-tabs-coverages-and-exclusions .tab-insurance:last-child {
  border-radius: 0px 8px 8px 0px;
}
.content-tabs-coverages-and-exclusions .tab-insurance h4 {
  font-size: 18px;
  font-family: "flexobold";
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  color: #002A8D;
}

.checkbox-insurance {
  padding-left: 52px;
  position: relative;
}
.checkbox-insurance label:before {
  content: "";
  position: absolute;
  top: 0;
  width: 32px;
  left: 0;
  height: 32px;
  background: transparent;
  border: 2px solid #99A1AD;
  border-radius: 6px 6px 6px 6px;
}
.checkbox-insurance input[type=checkbox] {
  width: 32px;
  height: 32px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 0;
}
.checkbox-insurance input[type=checkbox]:checked + label:before {
  background: #FF7800;
  border: 2px solid #FF7800;
  background: url(../image/svg/check.svg) #FF7800 center;
  background-repeat: no-repeat;
  background-size: 18px;
}

.content-data-personal {
  padding-right: 46px;
  height: 600px;
  overflow-y: scroll;
}
.content-data-personal .data-personal {
  margin-bottom: 20px;
}
.content-data-personal .data-personal h4 {
  font-size: 20px;
  font-family: "flexobold";
  color: #000;
  margin-bottom: 8px;
}
.content-data-personal .data-personal ul li {
  font-size: 16px;
  color: #000;
  font-family: "flexo";
  margin-bottom: 32px;
}
.content-data-personal .data-personal ul li b {
  font-family: "flexobold";
  font-size: 16px;
}
.content-data-personal .data-personal ul.change-list-before {
  padding-left: 24px;
}
.content-data-personal .data-personal ul.change-list-before li {
  position: relative;
  padding-left: 16px;
  margin-bottom: 16px !important;
}
.content-data-personal .data-personal ul.change-list-before li b {
  font-family: "flexobold";
  font-size: 16px;
}
.content-data-personal .data-personal ul.change-list-before li:last-child {
  position: relative;
  margin-bottom: 32px !important;
}
.content-data-personal .data-personal ul.change-list-before li:before {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 2px;
  background: #000;
  position: absolute;
  left: 0px;
  top: 7px;
  font-size: 15px;
}

.content-terms-conditions {
  padding-right: 46px;
  height: 600px;
  overflow-y: scroll;
}
.content-terms-conditions .terms-conditions {
  margin-bottom: 20px;
}
.content-terms-conditions .terms-conditions ul li {
  font-size: 16px;
  padding: 24px 0;
  display: block;
  color: #000;
  font-family: "flexo";
  border-bottom: 1px solid #E5E7EB;
}
.content-terms-conditions .terms-conditions ul li:last-child {
  border-bottom: none;
}
.content-terms-conditions .terms-conditions ul li span {
  font-family: "flexobold";
  display: block;
  font-size: 16px;
  padding-top: 28px;
}
.content-terms-conditions .terms-conditions-type-1 h4 {
  font-size: 20px;
  font-family: "flexobold";
  margin-bottom: 20px;
  padding-top: 20px;
  color: #000;
}
.content-terms-conditions .terms-conditions-type-1 p {
  font-size: 15px;
  margin-bottom: 20px;
  font-family: "flexo";
  color: #000;
}
.content-terms-conditions .terms-conditions-type-2 h4 {
  font-size: 20px;
  font-family: "flexobold";
  margin-bottom: 20px;
  padding-top: 20px;
  color: #000;
}
.content-terms-conditions .terms-conditions-type-2 h5 {
  font-size: 15px;
  margin-bottom: 12px;
  font-family: "flexobold";
  color: #000;
}
.content-terms-conditions .terms-conditions-type-2 p {
  font-size: 15px;
  margin-bottom: 12px;
  font-family: "flexo";
  color: #000;
}
.content-terms-conditions .terms-conditions-type-2 p.pt {
  padding-bottom: 32px;
  padding-top: 20px;
}
.content-terms-conditions .terms-conditions-type-2 li {
  font-size: 15px;
  margin-bottom: 12px;
  display: block;
  color: #000;
  position: relative;
  font-family: "flexo";
  padding-left: 22px;
}
.content-terms-conditions .terms-conditions-type-2 li span {
  font-family: "flexobold";
  position: absolute;
  left: 0;
  top: 0px;
  font-size: 15px;
  color: #000;
}
.content-terms-conditions .terms-conditions-type-3 h4 {
  font-size: 20px;
  font-family: "flexobold";
  margin-bottom: 20px;
  padding-top: 20px;
  color: #000;
}
.content-terms-conditions .terms-conditions-type-3 p {
  font-size: 15px;
  margin-bottom: 12px;
  font-family: "flexo";
  color: #000;
}
.content-terms-conditions .terms-conditions-type-3 li {
  font-size: 15px;
  margin-bottom: 12px;
  display: block;
  color: #000;
  position: relative;
  font-family: "flexo";
  padding-left: 22px;
}
.content-terms-conditions .terms-conditions-type-3 li:before {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 2px;
  background: #000;
  position: absolute;
  left: 6px;
  top: 7px;
  font-size: 15px;
}

.modal-condition-general {
  overflow: hidden;
  background-color: rgba(51, 51, 51, 0.7411764706);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-pack: center;
}
.modal-condition-general .content-condition-general {
  width: 874px;
  overflow: hidden;
  height: 670px;
  background-color: #fff;
  border-radius: 8px 8px 8px 8px;
  padding: 70px 20px 32px 20px;
  position: relative;
}
.modal-condition-general .content-condition-general .close-modal {
  position: absolute;
  top: 16px;
  right: 20px;
  display: inline-block;
  width: 40px;
}
.modal-condition-general .content-condition-general .content {
  padding: 0 24px;
  overflow-y: scroll;
  height: 568px;
}
.modal-condition-general .content-condition-general .content h3 {
  color: #002A8D;
  margin-bottom: 24px;
  font-family: "flexobold";
  text-align: center;
  font-size: 28px;
}
.modal-condition-general .content-condition-general .content p {
  font-family: "flexo";
  font-size: 15px;
  line-height: 20px;
  margin-bottom: 16px;
  color: #000;
}
.modal-condition-general .content-condition-general .content p b {
  font-size: 15px;
  font-family: "flexobold";
  color: #000;
}
.modal-condition-general .content-condition-general .content h5 {
  color: #002A8D;
  font-size: 15px;
  font-family: "flexobold";
  margin-bottom: 4px;
}
.modal-condition-general .content-condition-general .content h6 {
  font-family: "flexobold";
  font-size: 15px;
  line-height: 20px;
  margin-bottom: 16px;
}

.modal-cartilla {
  overflow: hidden;
  background-color: rgba(51, 51, 51, 0.7411764706);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-pack: center;
}
.modal-cartilla .content-cartilla {
  width: 874px;
  overflow: hidden;
  height: 670px;
  background-color: #fff;
  border-radius: 8px 8px 8px 8px;
  padding: 70px 20px 32px 20px;
  position: relative;
}
.modal-cartilla .content-cartilla .close-modal {
  position: absolute;
  top: 16px;
  right: 20px;
  display: inline-block;
  width: 40px;
}
.modal-cartilla .content-cartilla .content {
  padding: 0 24px;
  overflow-y: scroll;
  height: 568px;
}
.modal-cartilla .content-cartilla .content .line {
  height: 1px;
  width: 100%;
  background: #BFC4CC;
  margin-bottom: 24px;
}
.modal-cartilla .content-cartilla .content h3 {
  color: #002A8D;
  margin-bottom: 24px;
  font-family: "flexobold";
  text-align: center;
  font-size: 28px;
}
.modal-cartilla .content-cartilla .content p {
  font-family: "flexo";
  font-size: 15px;
  line-height: 20px;
  margin-bottom: 16px;
  color: #000;
}
.modal-cartilla .content-cartilla .content p b {
  font-size: 15px;
  font-family: "flexobold";
  color: #000;
}
.modal-cartilla .content-cartilla .content h5 {
  color: #002A8D;
  font-size: 15px;
  font-family: "flexobold";
  margin-bottom: 4px;
}
.modal-cartilla .content-cartilla .content table {
  margin-bottom: 16px;
  width: 100%;
  border-collapse: collapse;
}
.modal-cartilla .content-cartilla .content table td {
  padding: 10px;
  font-family: "flexo";
  font-size: 15px;
  border: 1px solid #ACB2BD;
  text-align: left;
}
.modal-cartilla .content-cartilla .content table td.p-5 {
  padding: 5px !important;
}
.modal-cartilla .content-cartilla .content table td.align-center {
  text-align: center !important;
}
.modal-cartilla .content-cartilla .content table td sup {
  font-family: "flexo";
  font-size: 10px;
}
.modal-cartilla .content-cartilla .content table td ul {
  margin: 0;
  padding: 0;
}
.modal-cartilla .content-cartilla .content table td ul li {
  position: relative;
  padding-left: 16px;
  font-family: "flexo";
  font-size: 15px;
}
.modal-cartilla .content-cartilla .content table td ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  display: inline-block;
  width: 4px;
  height: 4px;
  background: #000;
  border-radius: 50%;
}

/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on March 23, 2020 */
@font-face {
  font-family: "flexobold";
  font-weight: normal;
  src: url("../fonts/flexobold.eot");
  src: url("../fonts/flexobold.eot?#iefix") format("embedded-opentype"), url("../fonts/flexobold.woff") format("woff"), url("../fonts/flexo-Bold.otf") format("opentype"), url("../fonts/flexobold.svg#Flexo-Regular") format("svg");
}
@font-face {
  font-family: "flexodemi";
  src: url("../fonts/durotype_-_flexo-demi-webfont.woff2") format("woff2"), url("../fonts/durotype_-_flexo-demi-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "flexo";
  font-weight: normal;
  src: url("../fonts/flexoregular.eot");
  src: url("../fonts/flexoregular.eot?#iefix") format("embedded-opentype"), url("../fonts/flexoregular.woff") format("woff"), url("../fonts/flexo-Regular.otf") format("opentype"), url("../fonts/flexoregular.svg#Flexo-Regular") format("svg");
}
/******************************************/